aboutsummaryrefslogtreecommitdiffhomepage
path: root/app
diff options
context:
space:
mode:
authorSimounet <contact@simounet.net>2017-12-05 22:44:48 +0100
committerSimounet <contact@simounet.net>2017-12-08 10:18:49 +0100
commit3e7d86b2c503a390560fd16c4f8c8c103bd09069 (patch)
tree321ece722a5261632ecfa9fedf5dbf90c7741fa9 /app
parent77a53ea7244a5483e57f657e8f53bf45f226c581 (diff)
downloadwallabag-3e7d86b2c503a390560fd16c4f8c8c103bd09069.tar.gz
wallabag-3e7d86b2c503a390560fd16c4f8c8c103bd09069.tar.zst
wallabag-3e7d86b2c503a390560fd16c4f8c8c103bd09069.zip
Tags list view improved
No text ellipsis so we can see the whole tag, better responsiveness, bigger touch height on links.
Diffstat (limited to 'app')
-rw-r--r--app/Resources/static/themes/material/css/cards.scss44
1 files changed, 42 insertions, 2 deletions
diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 0819f0dc..b93862d0 100644
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -160,10 +160,17 @@ a.original:not(.waves-effect) {
160 border-radius: 0 3px 3px 0; 160 border-radius: 0 3px 3px 0;
161 color: #fff; 161 color: #fff;
162 cursor: default; 162 cursor: default;
163 max-height: 2em; 163}
164 overflow: hidden; 164
165.card-entry-labels li {
165 text-overflow: ellipsis; 166 text-overflow: ellipsis;
166 white-space: nowrap; 167 white-space: nowrap;
168 overflow: hidden;
169}
170
171.card-tag-labels li {
172 display: flex;
173 justify-content: space-between;
167} 174}
168 175
169.card-entry-tags a, 176.card-entry-tags a,
@@ -176,6 +183,33 @@ a.original:not(.waves-effect) {
176 color: #fff; 183 color: #fff;
177} 184}
178 185
186.card-tag-labels a {
187 height: 100%;
188 align-items: center;
189}
190
191.card-tag-link {
192 display: flex;
193 min-width: 100px;
194 flex-grow: 1;
195}
196
197.card-tag-rss {
198 display: flex;
199}
200
201.card-tag-labels {
202 display: flex;
203 flex-wrap: wrap;
204}
205
206.card-tag-labels li {
207 margin: 10px;
208 flex-basis: 19%;
209 flex-grow: 1;
210 align-items: center;
211}
212
179.card-stacked { 213.card-stacked {
180 display: flex; 214 display: flex;
181 flex-flow: row wrap; 215 flex-flow: row wrap;
@@ -245,3 +279,9 @@ a.original:not(.waves-effect) {
245.settings .div_tabs { 279.settings .div_tabs {
246 padding-bottom: 15px; 280 padding-bottom: 15px;
247} 281}
282
283@media only screen and (min-width: 992px) {
284 .card-tag-labels li {
285 max-width: 50%;
286 }
287}