X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fvier%2Fmobile.css;h=66721a1b8891d2fad68de601feb90782b7581827;hb=0dce57d4007d7e3cff578825f212a7c0a6cb8800;hp=7b8b4bd785ad0eb46e11082d82c1c26773e92e4c;hpb=fa66fa9b28ec0d3f7822a030145c855baa7b5f35;p=friendica.git

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index 7b8b4bd785..66721a1b88 100644
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -68,14 +68,13 @@ 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 **/
   .embed_video {
     float: none;
     margin: 0px;
-    height: 120px;
     width: 100%;
     overflow: hidden;
     display: block;
@@ -104,15 +103,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,