aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/linklist.html
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-10-28 15:23:54 +0200
committerGitHub <noreply@github.com>2017-10-28 15:23:54 +0200
commitb7fdbfa789a95cd0eeaf452fd512871dcdffe55c (patch)
tree9c1542aee77605914729992a9b54d692985f4a90 /tpl/default/linklist.html
parent0926d263902c184bd4f4c2036cb8ee90f81c5060 (diff)
parent94c1756562df22382ccd88fd202371a386c1801b (diff)
downloadShaarli-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.html69
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&amp;lf_linkdate={$value.id}&amp;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&amp;lf_linkdate={$value.id}&amp;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 &middot;
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>