X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fvier%2Fmobile.css;h=66721a1b8891d2fad68de601feb90782b7581827;hb=cc16369b6f45eff2c0faa91bda96ae619f9f80e4;hp=edba28e5afc54deef96658121639f71d6b8020d6;hpb=1ddae21cff0a75e4801eac146435069edf96ae51;p=friendica.git

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index edba28e5af..66721a1b88 100644
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -1,4 +1,4 @@
-aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab,
+aside, header, #nav-events-link, #nav-search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab,
 .wall-item-location {
   display: none;
 }
@@ -63,6 +63,34 @@ nav ul {
   a.desktop-view { display: none; }
   a.mobile-view { display: initial; }
   #nav-apps-link { display: none; }
+
+  .wall-item-container .wall-item-info { width: auto; }
+  .contact-photo-wrapper { width: 55px; }
+  .wwto { left: 0px; }
+
+  .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;
+    width: 100%;
+    overflow: hidden;
+    display: block;
+  }
+  .embed_video > img {
+    display: block;
+    width: 100% !important;
+    height: 100% !important;
+    max-width: 100% !important;
+    object-fit: cover !important;
+  }
+  .embed_video > div {
+    background-image: none !important; background-color: transparent !important;
+    width: 100% !important; height: 110px !important;
+  }
+
 }
 
 @media screen and (max-width: 480px) {
@@ -75,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,
@@ -105,10 +146,6 @@ nav ul {
   max-width: 100%;
 }
 
-.wall-item-container .wall-item-info { width: auto; }
-.contact-photo-wrapper { width: 55px; }
-.wwto { left: 0px; }
-
 /* aside in/out */
 .mobile-aside-toggle {
 	display: block !important;
@@ -166,6 +203,19 @@ aside.show {
 .tabs.show::after { display: none; }
 .tabs.show .tab { display: block; }
 
+/* jot buttons */
+#profile-jot-submit,
+#jot-preview-link {
+    float: none;
+    display: block;
+    width: 100%;
+    margin: 0 0 1em 0;
+}
+#profile-jot-submit-wrapper > div {
+    margin: 0 1em 1em 0;
+}
+#profile-jot-submit-wrapper > div#profile-jot-perms { margin: 0; }
+ 
 /* ACL window */
 #profile-jot-acl-wrapper, #profile-jot-acl-wrapper * { box-sizing: border-box; }
 #acl-wrapper { width: 100%; float: none; }
@@ -243,25 +293,4 @@ select:focus {
 .event-start, .event-end { width: auto; }
 .event-start .dtstart, .event-end .dtend { float: none; display: block; }
 
-/** oembed **/
-.embed_video {
-  float: none;
-  margin: 0px;
-  height: 120px;
-  width: 100%;
-  overflow: hidden;
-  display: block;
-}
-.embed_video > img {
-  display: block;
-  width: 100% !important;
-  height: auto !important;
-  max-width: 100% !important;
-}
-.embed_video > div {
-  background-image: none !important; background-color: transparent !important;
-  width: 100% !important; height: 110px !important;
-}
 
-.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: auto !important; }
\ No newline at end of file