diff options
Diffstat (limited to 'app/Resources')
-rw-r--r-- | app/Resources/static/themes/material/css/cards.scss | 34 |
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 { |