diff options
author | ArthurHoaro <arthur@hoa.ro> | 2017-10-28 15:23:54 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-10-28 15:23:54 +0200 |
commit | b7fdbfa789a95cd0eeaf452fd512871dcdffe55c (patch) | |
tree | 9c1542aee77605914729992a9b54d692985f4a90 /tpl/default/linklist.html | |
parent | 0926d263902c184bd4f4c2036cb8ee90f81c5060 (diff) | |
parent | 94c1756562df22382ccd88fd202371a386c1801b (diff) | |
download | Shaarli-b7fdbfa789a95cd0eeaf452fd512871dcdffe55c.tar.gz Shaarli-b7fdbfa789a95cd0eeaf452fd512871dcdffe55c.tar.zst Shaarli-b7fdbfa789a95cd0eeaf452fd512871dcdffe55c.zip |
Merge pull request #978 from ArthurHoaro/theme/improvements
Theme improvements: move thumbnails to the right and reduce margins overall
Diffstat (limited to 'tpl/default/linklist.html')
-rw-r--r-- | tpl/default/linklist.html | 69 |
1 files changed, 40 insertions, 29 deletions
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html index 5dab8e9a..c666e30a 100644 --- a/tpl/default/linklist.html +++ b/tpl/default/linklist.html | |||
@@ -53,9 +53,9 @@ | |||
53 | {/loop} | 53 | {/loop} |
54 | 54 | ||
55 | <div id="linklist"> | 55 | <div id="linklist"> |
56 | <div class="pure-g"> | 56 | <div id="link-count-block" class="pure-g"> |
57 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 57 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
58 | <div class="pure-u-lg-20-24 pure-u-22-24"> | 58 | <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> |
59 | <div class="linkcount pure-u-lg-0 center"> | 59 | <div class="linkcount pure-u-lg-0 center"> |
60 | {if="!empty($linkcount)"} | 60 | {if="!empty($linkcount)"} |
61 | <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"} | 61 | <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"} |
@@ -76,16 +76,16 @@ | |||
76 | </div> | 76 | </div> |
77 | 77 | ||
78 | {if="count($links)==0"} | 78 | {if="count($links)==0"} |
79 | <div class="pure-g pure-alert pure-alert-error search-result"> | 79 | <div id="search-result-block" class="pure-g pure-alert pure-alert-error search-result"> |
80 | <div class="pure-u-2-24"></div> | 80 | <div class="pure-u-2-24"></div> |
81 | <div class="pure-u-20-24"> | 81 | <div id="search-result-content" class="pure-u-20-24"> |
82 | <div id="searchcriteria">{'Nothing found.'|t}</div> | 82 | <div id="searchcriteria">{'Nothing found.'|t}</div> |
83 | </div> | 83 | </div> |
84 | </div> | 84 | </div> |
85 | {elseif="!empty($search_term) or $search_tags !== '' or !empty($visibility) or $untaggedonly"} | 85 | {elseif="!empty($search_term) or $search_tags !== '' or !empty($visibility) or $untaggedonly"} |
86 | <div class="pure-g pure-alert pure-alert-success search-result"> | 86 | <div id="search-result-block" class="pure-g pure-alert pure-alert-success search-result"> |
87 | <div class="pure-u-2-24"></div> | 87 | <div class="pure-u-2-24"></div> |
88 | <div class="pure-u-20-24"> | 88 | <div id="search-result-content" class="pure-u-20-24 search-result-main"> |
89 | {function="sprintf(t('%s result', '%s results', $result_count), $result_count)"} | 89 | {function="sprintf(t('%s result', '%s results', $result_count), $result_count)"} |
90 | {if="!empty($search_term)"} | 90 | {if="!empty($search_term)"} |
91 | {'for'|t} <em><strong>{$search_term}</strong></em> | 91 | {'for'|t} <em><strong>{$search_term}</strong></em> |
@@ -114,9 +114,9 @@ | |||
114 | </div> | 114 | </div> |
115 | {/if} | 115 | {/if} |
116 | 116 | ||
117 | <div class="pure-g"> | 117 | <div id="linklist-loop-block" class="pure-g"> |
118 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 118 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
119 | <div class="pure-u-lg-20-24 pure-u-22-24"> | 119 | <div id="linklist-loop-content" class="pure-u-lg-20-24 pure-u-22-24"> |
120 | {ignore}Set translation here, for performances{/ignore} | 120 | {ignore}Set translation here, for performances{/ignore} |
121 | {$strPrivate=t('Private')} | 121 | {$strPrivate=t('Private')} |
122 | {$strEdit=t('Edit')} | 122 | {$strEdit=t('Edit')} |
@@ -129,18 +129,19 @@ | |||
129 | {ignore}End of translations{/ignore} | 129 | {ignore}End of translations{/ignore} |
130 | {loop="links"} | 130 | {loop="links"} |
131 | <div class="anchor" id="{$value.shorturl}"></div> | 131 | <div class="anchor" id="{$value.shorturl}"></div> |
132 | <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}"> | ||
133 | 132 | ||
133 | <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}"> | ||
134 | <div class="linklist-item-title"> | 134 | <div class="linklist-item-title"> |
135 | {$thumb=thumbnail($value.url)} | ||
136 | {if="$thumb!=false"} | ||
137 | <div class="linklist-item-thumbnail">{$thumb}</div> | ||
138 | {/if} | ||
139 | |||
135 | {if="isLoggedIn()"} | 140 | {if="isLoggedIn()"} |
136 | <div class="linklist-item-editbuttons"> | 141 | <div class="linklist-item-editbuttons"> |
137 | {if="$value.private"} | 142 | {if="$value.private"} |
138 | <span class="label label-private">{$strPrivate}</span> | 143 | <span class="label label-private">{$strPrivate}</span> |
139 | {/if} | 144 | {/if} |
140 | <input type="checkbox" class="delete-checkbox" value="{$value.id}"> | ||
141 | <!-- FIXME! JS translation --> | ||
142 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | ||
143 | <a href="#" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up"></i></a> | ||
144 | </div> | 145 | </div> |
145 | {/if} | 146 | {/if} |
146 | 147 | ||
@@ -157,11 +158,6 @@ | |||
157 | </h2> | 158 | </h2> |
158 | </div> | 159 | </div> |
159 | 160 | ||
160 | {$thumb=thumbnail($value.url)} | ||
161 | {if="$thumb!=false"} | ||
162 | <div class="linklist-item-thumbnail">{$thumb}</div> | ||
163 | {/if} | ||
164 | |||
165 | {if="$value.description"} | 161 | {if="$value.description"} |
166 | <div class="linklist-item-description"> | 162 | <div class="linklist-item-description"> |
167 | {$value.description} | 163 | {$value.description} |
@@ -182,8 +178,24 @@ | |||
182 | </div> | 178 | </div> |
183 | {/if} | 179 | {/if} |
184 | 180 | ||
185 | <div class="pure-g"> | 181 | <div class="linklist-item-infos-date-url-block pure-g"> |
186 | <div class="linklist-item-infos-dateblock pure-u-lg-3-8 pure-u-1"> | 182 | <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> |
183 | {if="isLoggedIn()"} | ||
184 | <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> | ||
185 | <span class="linklist-item-infos-controls-item ctrl-checkbox"> | ||
186 | <input type="checkbox" class="delete-checkbox" value="{$value.id}"> | ||
187 | </span> | ||
188 | <span class="linklist-item-infos-controls-item ctrl-edit"> | ||
189 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | ||
190 | </span> | ||
191 | <span class="linklist-item-infos-controls-item ctrl-delete"> | ||
192 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | ||
193 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> | ||
194 | <i class="fa fa-trash"></i> | ||
195 | </a> | ||
196 | </span> | ||
197 | </div> | ||
198 | {/if} | ||
187 | <a href="?{$value.shorturl}" title="{$strPermalink}"> | 199 | <a href="?{$value.shorturl}" title="{$strPermalink}"> |
188 | {if="!$hide_timestamps || isLoggedIn()"} | 200 | {if="!$hide_timestamps || isLoggedIn()"} |
189 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} | 201 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} |
@@ -209,16 +221,13 @@ | |||
209 | </div> | 221 | </div> |
210 | </div><div | 222 | </div><div |
211 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} | 223 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} |
212 | class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1"> | 224 | class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> |
213 | <a href="{$value.real_url}" title="{$value.title}"> | 225 | <a href="{$value.real_url}" title="{$value.title}"> |
214 | <i class="fa fa-link"></i> {$value.url} | 226 | <i class="fa fa-link"></i> {$value.url} |
215 | </a> | 227 | </a> |
216 | {if="isLoggedIn()"} | 228 | <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> |
217 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | 229 | <a href="#" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up"></i></a> |
218 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> | 230 | </div> |
219 | <i class="fa fa-trash"></i> | ||
220 | </a> | ||
221 | {/if} | ||
222 | </div> | 231 | </div> |
223 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> | 232 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> |
224 | {if="isset($value.link_plugin)"} | 233 | {if="isset($value.link_plugin)"} |
@@ -234,6 +243,8 @@ | |||
234 | title="{$strDelete}" class="delete-link confirm-delete"> | 243 | title="{$strDelete}" class="delete-link confirm-delete"> |
235 | <i class="fa fa-trash"></i> | 244 | <i class="fa fa-trash"></i> |
236 | </a> | 245 | </a> |
246 | · | ||
247 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | ||
237 | {/if} | 248 | {/if} |
238 | </div> | 249 | </div> |
239 | </div> | 250 | </div> |
@@ -250,9 +261,9 @@ | |||
250 | {/loop} | 261 | {/loop} |
251 | </div> | 262 | </div> |
252 | 263 | ||
253 | <div class="pure-g"> | 264 | <div id="linklist-paging-bottom-block" class="pure-g"> |
254 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 265 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
255 | <div class="pure-u-lg-20-24 pure-u-22-24"> | 266 | <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> |
256 | {include="linklist.paging"} | 267 | {include="linklist.paging"} |
257 | </div> | 268 | </div> |
258 | </div> | 269 | </div> |