diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 469146ad41..8418b7bf49 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -63,6 +63,35 @@ nav ul { a.desktop-view { display: none; } a.mobile-view { display: initial; } #nav-apps-link { display: none; } + + .wall-item-container .wall-item-info { width: auto; } + .contact-photo-wrapper { width: 55px; } + .wwto { left: 0px; } + + .type-link > a { height: 120px; width: 100%; overflow: hidden; display: block; } + .type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: 100% !important; object-fit: cover !important; } + + /** oembed **/ + .embed_video { + float: none; + margin: 0px; + height: 120px; + width: 100%; + overflow: hidden; + display: block; + } + .embed_video > img { + display: block; + width: 100% !important; + height: 100% !important; + max-width: 100% !important; + object-fit: cover !important; + } + .embed_video > div { + background-image: none !important; background-color: transparent !important; + width: 100% !important; height: 110px !important; + } + } @media screen and (max-width: 480px) { @@ -105,10 +134,6 @@ nav ul { max-width: 100%; } -.wall-item-container .wall-item-info { width: auto; } -.contact-photo-wrapper { width: 55px; } -.wwto { left: 0px; } - /* aside in/out */ .mobile-aside-toggle { display: block !important; @@ -256,25 +281,4 @@ select:focus { .event-start, .event-end { width: auto; } .event-start .dtstart, .event-end .dtend { float: none; display: block; } -/** oembed **/ -.embed_video { - float: none; - margin: 0px; - height: 120px; - width: 100%; - overflow: hidden; - display: block; -} -.embed_video > img { - display: block; - width: 100% !important; - height: auto !important; - max-width: 100% !important; -} -.embed_video > div { - background-image: none !important; background-color: transparent !important; - width: 100% !important; height: 110px !important; -} -.type-link > a { height: 120px; width: 100%; overflow: hidden; display: block; } -.type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; }