Browse Source

Apply the placeholder behavior for desktop only

pull/676/head
Timothée Jaussoin 7 years ago
parent
commit
1379151062
  1. 1
      app/widgets/Post/_post_ticket.tpl
  2. 33
      themes/material/css/icon.css

1
app/widgets/Post/_post_ticket.tpl

@ -3,7 +3,6 @@
<img class="icon thumb" src="{$post->picture->href|protectPicture}"
srcset="{$post->picture->href} 1280w, {$post->picture->href|protectPicture} 800w"
sizes="(min-width: 1280px), 800w"
alt="{$post->picture->href}"
>
{elseif="!$big"}
<span class="primary icon thumb color

33
themes/material/css/icon.css

@ -43,22 +43,27 @@ img.icon.thumb {
max-width: 100%;
object-fit: cover;
position: relative;
min-height: 5rem;
}
img.icon.thumb:after {
position: absolute;
width: 100%;
background-color: rgb(var(--movim-background-main));
top: 0;
left: 0;
font-family: 'Material Icons';
content: "image";
color: rgba(var(--movim-font), 0.5);
padding-top: 1rem;
line-height: 5rem;
font-size: 3rem;
text-align: center;
@media screen and (min-width: 1280px) {
img.icon.thumb {
min-height: 5rem;
}
img.icon.thumb:after {
position: absolute;
width: 100%;
background-color: rgb(var(--movim-background-main));
top: 0;
left: 0;
font-family: 'Material Icons';
content: "image";
color: rgba(var(--movim-font), 0.5);
padding-top: 1rem;
line-height: 5rem;
font-size: 3rem;
text-align: center;
}
}
span.icon.primary.thumb {

Loading…
Cancel
Save