]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/vier/mobile.css
Merge pull request #6641 from nupplaphil/config_followup
[friendica.git] / view / theme / vier / mobile.css
index 8418b7bf490dbe1feaa876cc762bdd5f5613f410..bf7922287600bede9cb989348520eb09e50674d5 100644 (file)
@@ -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,