From c553ab9b46f16928e61031f17e68c873de666714 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Mon, 25 Apr 2016 19:54:03 +0200 Subject: [PATCH 1/4] vier-mobile: fix threaded view for tablets and bigger --- view/theme/vier/mobile.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 469146ad4..3e5afdf0d 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -63,6 +63,10 @@ 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; } + } @media screen and (max-width: 480px) { @@ -105,10 +109,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; From 7b48ef23d5a083f3c03f367e89a99ea73b59f370 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Mon, 25 Apr 2016 20:04:10 +0200 Subject: [PATCH 2/4] vier-mobile: fix embedded video and embedded link images for tablets and bigger --- view/theme/vier/mobile.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 3e5afdf0d..1bdb8d5a9 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -63,10 +63,14 @@ 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 { width: 100%; overflow: hidden; display: block; } + .type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; } + } @media screen and (max-width: 480px) { @@ -275,6 +279,3 @@ select:focus { 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; } From fa66fa9b28ec0d3f7822a030145c855baa7b5f35 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Mon, 25 Apr 2016 20:24:36 +0200 Subject: [PATCH 3/4] vier-mobile: fix embedded video for tablets and bigger --- view/theme/vier/mobile.css | 45 ++++++++++++++++++++------------------ 1 file changed, 24 insertions(+), 21 deletions(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 1bdb8d5a9..7b8b4bd78 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -68,8 +68,29 @@ nav ul { .contact-photo-wrapper { width: 55px; } .wwto { left: 0px; } - .type-link > a { width: 100%; overflow: hidden; display: block; } - .type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; } + .type-link > a { heigh: 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; + } } @@ -260,22 +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; -} + From 4daa9a50f5d1aa158b2fd4492c9cba7756145b82 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Mon, 25 Apr 2016 20:30:02 +0200 Subject: [PATCH 4/4] vier-mobile: little css fix --- view/theme/vier/mobile.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 7b8b4bd78..8418b7bf4 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -68,7 +68,7 @@ nav ul { .contact-photo-wrapper { width: 55px; } .wwto { left: 0px; } - .type-link > a { heigh: 120px; width: 100%; overflow: hidden; display: block; } + .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 **/