Merge pull request #12501 from MarekBenjamin/improve-registraiton-text-input

[friendica.git] / view / theme / vier / mobile.css

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index a1ed516eb744aad6a69300b9b2ba2cead923870a..6a70d55b145e4fe16aa49cb346ef45d70de91445 100644 (file)
--- 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,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,
@@ -206,24 +226,6 @@ aside.show {
 /* ACL window */
 #profile-jot-acl-wrapper, #profile-jot-acl-wrapper * { box-sizing: border-box; }
 #acl-wrapper { width: 100%; float: none; }
-#acl-search { width: 100%; float: none; padding-right: 0px; margin-bottom: 1em; }
-#acl-showall { width: 100%; height: 48px; margin-bottom: 1em; }
-.acl-list-item { width: auto; float: none; height: auto; overflow: hidden; position: relative;}
-.acl-list-item img { width: 48px; height: 48px; }
-.acl-list-item p { height: auto; font-size: inherit; }
-.acl-list-item a {
-  float: none;
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  height: 48px;
-  padding: 10px 2px 2px 2px;
-  font-size: 12px;
-  width: 20%;
-  text-align: center;
-  background-position: center 5px;
-}
-.acl-list-item a.acl-button-hide { right: 25%; }
 /* flexbox for ACL window */
 #cboxLoadedContent,
 #cboxLoadedContent > div,
@@ -246,12 +248,6 @@ aside.show {
   -ms-flex: 1 100%;
   flex: 1 100%;
 }
-#acl-list {
-  -webkit-flex: 1 1 auto;
-  -moz-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;  
-}
 
 /** input elements **/
 input,
@@ -270,9 +266,7 @@ select:focus {
 .field, .field > * {  box-sizing: border-box; }
 .field label { width: 100%; float: none; display: block; }
 .field input, .field textarea, .field select { max-width: 100%; width: 100%; }
-.field.yesno .onoff,
 .field.checkbox input { width: auto; float: right; }
-.field.yesno label,
 .field.checkbox label { width: 70%; float: left; }
 .field .field_help { margin: 0; }
 
@@ -280,4 +274,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%; }