aboutsummaryrefslogtreecommitdiffhomepage
path: root/app
diff options
context:
space:
mode:
authorKevin Decherf <kevin@kdecherf.com>2018-11-26 18:45:12 +0100
committerGitHub <noreply@github.com>2018-11-26 18:45:12 +0100
commit72efc8ceeb277df10fc090cbc238f1606445ae57 (patch)
tree2ea78231f7c1b8749a1c721976f2da0f80920a45 /app
parent6f2287da69841b98c4c0db93b6dce1325ba4311d (diff)
parente5de9917fdd78d4cd3b46b376e3b2a4175efa36a (diff)
downloadwallabag-72efc8ceeb277df10fc090cbc238f1606445ae57.tar.gz
wallabag-72efc8ceeb277df10fc090cbc238f1606445ae57.tar.zst
wallabag-72efc8ceeb277df10fc090cbc238f1606445ae57.zip
Merge pull request #3782 from wallabag/issue-3779
material: fix missing thumbnail on list view
Diffstat (limited to 'app')
-rw-r--r--app/Resources/static/themes/material/css/cards.scss34
1 files changed, 15 insertions, 19 deletions
diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 6691adc6..9e3599d5 100644
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -116,18 +116,6 @@ main {
116 height: 13.5em; 116 height: 13.5em;
117 } 117 }
118 118
119 .card-image .preview,
120 .card-fullimage .preview {
121 height: 100%;
122 background: no-repeat 50%/cover;
123 background-color: #efefef;
124 display: block;
125
126 &--default {
127 background-size: contain;
128 }
129 }
130
131 &.sw { 119 &.sw {
132 max-width: 370px; 120 max-width: 370px;
133 margin-left: auto; 121 margin-left: auto;
@@ -142,6 +130,19 @@ a.original:not(.waves-effect) {
142 display: block; 130 display: block;
143} 131}
144 132
133.card .card-image .preview,
134.card .card-fullimage .preview,
135.card-stacked .preview {
136 height: 100%;
137 background: no-repeat 50%/cover;
138 background-color: #efefef;
139 display: block;
140
141 &--default {
142 background-size: contain;
143 }
144}
145
145.card-entry-labels li, 146.card-entry-labels li,
146.card-tag-labels li { 147.card-tag-labels li {
147 margin: 10px 10px 10px auto; 148 margin: 10px 10px 10px auto;
@@ -210,16 +211,11 @@ a.original:not(.waves-effect) {
210 text-align: right; 211 text-align: right;
211 } 212 }
212 213
213 .preview { 214 .card-preview {
214 max-width: 100px; 215 max-width: 100px;
215 height: auto; 216 max-height: 50px;
216 margin-right: 10px; 217 margin-right: 10px;
217 flex: 1; 218 flex: 1;
218
219 img {
220 max-width: 100%;
221 max-height: 100%;
222 }
223 } 219 }
224 220
225 div.metadata { 221 div.metadata {