X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fvier%2Fmobile.css;h=bf7922287600bede9cb989348520eb09e50674d5;hb=256e845c5dd606d6e0f1d401a0859b6f8728fb2d;hp=8418b7bf490dbe1feaa876cc762bdd5f5613f410;hpb=aef332aad0dd69925067160a29a0076986d523f3;p=friendica.git diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 8418b7bf49..bf79222876 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -60,8 +60,8 @@ nav ul { .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image { max-width: 350px; } - a.desktop-view { display: none; } - a.mobile-view { display: initial; } + .desktop-view { display: none; } + .mobile-view { display: initial; } #nav-apps-link { display: none; } .wall-item-container .wall-item-info { width: auto; } @@ -75,7 +75,6 @@ nav ul { .embed_video { float: none; margin: 0px; - height: 120px; width: 100%; overflow: hidden; display: block; @@ -92,6 +91,13 @@ nav ul { width: 100% !important; height: 110px !important; } + #login-extra-links, #login-form { + /* width: 341px; */ + width: 100%; + } + #id_remember_label { + width: unset; + } } @media screen and (max-width: 480px) { @@ -104,15 +110,28 @@ nav ul { .children .wall-item-container .wall-item-item .wall-item-content img { max-width: 100%; } + iframe.embed_rich { width: 100% !important } + /* TODO: check if this is needed. + * oembedded iframe usually have "width" and "height" as attributes + * that override this rule */ iframe { max-width: 100%; } - /* the top-nav notfication menu - Note: the device needs a min display width of 320px */ - #nav-notifications-menu { - width: 270px; + + /* the top-nav notfication menu */ + nav #nav-notifications-linkmenu .menu-popup { + position: fixed; + left: 10px; + right: 10px; + top: 44px; + bottom: 10px; + width: auto; + max-width: none; + max-height: none; } + + } .wall-item-container.thread_level_2,