aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources
diff options
context:
space:
mode:
authorNicolas LÅ“uillet <nicolas@loeuillet.org>2019-10-01 15:40:04 +0200
committerNicolas LÅ“uillet <nicolas@loeuillet.org>2020-04-20 11:39:35 +0200
commit5434577883041ea1640b9b9e5221d6edb52779ea (patch)
treed1513166d5e95ecb3077477a284658e064f4bce2 /app/Resources
parent361aa02e2ac74ad01e9403d55d32a6a200b0666f (diff)
downloadwallabag-5434577883041ea1640b9b9e5221d6edb52779ea.tar.gz
wallabag-5434577883041ea1640b9b9e5221d6edb52779ea.tar.zst
wallabag-5434577883041ea1640b9b9e5221d6edb52779ea.zip
Improved tags list for material view
Diffstat (limited to 'app/Resources')
-rw-r--r--app/Resources/static/themes/material/css/cards.scss24
-rw-r--r--app/Resources/static/themes/material/css/media_queries.scss4
2 files changed, 9 insertions, 19 deletions
diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 9ae1be82..80c9f253 100644
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -173,7 +173,6 @@ a.original:not(.waves-effect) {
173 173
174.card-tag-labels li { 174.card-tag-labels li {
175 display: flex; 175 display: flex;
176 justify-content: space-between;
177} 176}
178 177
179.card-entry-tags a, 178.card-entry-tags a,
@@ -186,15 +185,12 @@ a.original:not(.waves-effect) {
186 color: #fff; 185 color: #fff;
187} 186}
188 187
189.card-tag-labels a {
190 height: 100%;
191 align-items: center;
192}
193
194.card-tag-link { 188.card-tag-link {
195 display: flex; 189 width: calc(100% - 48px);
196 min-width: 100px; 190 line-height: 1.3;
197 flex-grow: 1; 191 white-space: nowrap;
192 text-overflow: ellipsis;
193 overflow: hidden;
198} 194}
199 195
200.card-tag-form { 196.card-tag-form {
@@ -205,22 +201,20 @@ a.original:not(.waves-effect) {
205 201
206.card-tag-form input { 202.card-tag-form input {
207 margin-bottom: 0; 203 margin-bottom: 0;
208 height: 2rem; 204 height: 1.8rem;
209} 205}
210 206
211.card-tag-rss { 207.card-tag-icon {
212 display: flex; 208 display: flex;
213} 209}
214 210
215.card-tag-labels { 211.card-tag-labels {
216 display: flex; 212 display: grid;
217 flex-wrap: wrap; 213 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
218} 214}
219 215
220.card-tag-labels li { 216.card-tag-labels li {
221 margin: 10px; 217 margin: 10px;
222 flex-basis: 19%;
223 flex-grow: 1;
224 align-items: center; 218 align-items: center;
225} 219}
226 220
diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 4242ead2..b50dd559 100644
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -12,10 +12,6 @@
12 .pagination { 12 .pagination {
13 margin-left: auto; 13 margin-left: auto;
14 } 14 }
15
16 .card-tag-labels li {
17 max-width: 50%;
18 }
19} 15}
20 16
21@media screen and (min-width: 993px) { 17@media screen and (min-width: 993px) {