X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fvier%2Fmobile.css;h=7ad0717568b7cae0d9c86407493b5205aa7abaf4;hb=341046e3a0617030859fca3c1ff3d5c09b49060a;hp=7beeb7a2e7063445c29d6dbdf206867f7546224a;hpb=343c7faba43da388d796b541651e005ab5f2b25d;p=friendica.git diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 7beeb7a2e7..7ad0717568 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -1,4 +1,4 @@ -aside, header, #nav-events-link, #nav-search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab, +aside, header, #nav-search-box, #nav-admin-link, #nav-messages-linkmenu, #activitiy-by-date-tab, #shared-links-tab, #nav-logout-link, .wall-item-location { display: none; } @@ -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; } @@ -91,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) { @@ -103,6 +110,10 @@ 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%; } @@ -289,4 +300,6 @@ select:focus { .event-start, .event-end { width: auto; } .event-start .dtstart, .event-end .dtend { float: none; display: block; } - +/** prv mail **/ +.mail-conv-detail { margin-left: 0px; width: 100%; } +#prvmail-submit, #prvmail-text, #prvmail-subject { box-sizing: border-box; width: 100%; }