[TikiWiki-commits] [Git][tikiwiki/tiki][master] [FIX] cypht: fix positioning of search bar on mobile

Victor Emanouilov pushed to branch master at Tiki Wiki CMS Groupware / Tiki


Commits:
97a81799 by Benoit Roy at 2025-11-21T07:06:01+00:00
[FIX] cypht: fix positioning of search bar on mobile
---
* [FIX] cypht: fix positioning of search bar in mobile

See merge request tikiwiki/tiki!9080

- - - - -


1 changed file:

- themes/base_files/scss/_cypht-tiki.scss


Changes:

=====================================
themes/base_files/scss/_cypht-tiki.scss
=====================================
@@ -11,6 +11,7 @@
     // override colors when not using cypht default theme
     img { opacity: 1 !important; max-width: 100%; }
     a i.bi, .menu-toggle i.bi, .folders li, .inner_list li { color: var(--bs-body-color) !important; }
+    a i.bi.bi-person-plus { color: var(--bs-btn-color) !important; }
     .ui-widget-content { background-color: $tiki-ui-default-bg !important; }
     .ui-menu-item-wrapper { color: var(--bs-body-color) !important; }
     .ui-state-active { color: $tiki-ui-default-link-active-color !important; }
@@ -190,7 +191,8 @@
     .server_section { color: inherit !important; }
 
     .total_unread_count, .unread_count {
-        background-color: var(--bs-secondary-bg); color: var(--bs-body-color);
+        background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1));
+        color: var(--bs-body-bg);
     }
     .btn-outline-secondary:hover {
         color: var(--bs-btn-hover-color); text-decoration: none;
@@ -403,9 +405,10 @@
     }
 
     #middle_outer {
-        margin-top: 15px !important;
-        .middle-wrapper { padding-top: 0; }
+        margin-top: 0px !important;
+        .middle-wrapper { padding-top: 20px; }
     }
+    .page-content-top-margin { height: 0px !important; }
 }
 
 //
@@ -413,9 +416,7 @@
 //
 .mobile {
     .inline-cypht {
-        .app-container {
-            padding: 20px 0;
-        }
+        .app-container { padding: 2px 0 10px; }
         nav.folder_cell {
             position: fixed;
             z-index: 9999;
@@ -458,7 +459,6 @@
         }
 
         .list_controls i.bi-filter-circle {
-            position: absolute; top: 11px; right: 15px; z-index: 100;
             color: var(--bs-body-color);
         }
         .imap_filter_form { margin-left: 10px; margin-right: 10px; }
@@ -473,10 +473,13 @@
         .msg_headers th { width: 20%; }
 
         .sys_messages {
-            top: 45px; right: 0; width: 100%; min-height: 5px;
-            padding-bottom: 15px; white-space: normal;
+            top: 0px; right: 0; width: 100%; min-height: 5px; margin-top: 5px;
+            white-space: normal;
+        }
+        .offline {
+            position: fixed; top: 0; right: 0; height: auto; padding: 12px 35px;
+            z-index: 1000;
         }
-        .offline { height: 55px; }
 
         // mobile home
         .nux_welcome ul { padding-left: 20px; }
@@ -564,11 +567,11 @@
         .msg_text_inner { width: 100%; padding: 15px !important; }
         .msg_parts { table-layout: auto; }
         .msg_controls {
-            top: 0.3rem; height: auto; padding-left: 0; z-index: 1200;
-            background-color: var(--bs-body-bg);
+            top: 0.3rem; height: auto; padding-left: 0; padding-bottom: 5px;
+            z-index: 1200; background-color: var(--bs-body-bg);
         }
         #list_controls_menu { background-color: var(--bs-body-bg); }
-        #list_controls_menu.show { justify-content: right; align-items: center; margin-top: 1rem; }
+        #list_controls_menu.show { justify-content: right; align-items: center; margin-top: 0.5rem; }
         .msg_text table { word-break: normal; }
         .checkbox_cell { padding-top: 8px !important; }
 
@@ -619,23 +622,17 @@ html body.tiki.tiki-webmail #middle.container.container-std.middle {
 
 
 // responsive specific stuff
-// desktop (1199.98px)
-@include media-breakpoint-down(xl) {
-    .tiki-webmail {
-        .container {
-            max-width: 1420px;
-        }
-    }
-}
-
-// landscape phones (767.98px)
-@include media-breakpoint-down(md) {
+// tablets (991.98px)
+@include media-breakpoint-down(lg) {
     html body.tiki.tiki-webmail #middle.container.container-std.middle {
         width: 100% !important;
         max-width: 100% !important;
         min-width: 100% !important;
     }
-    .mobile .inline-cypht .list_controls i.bi-filter-circle { top: 2px; right: 0; }
+}
+
+// landscape phones (767.98px)
+@include media-breakpoint-down(md) {
     .mobile #list_controls_menu.show { top: 25px; right: 0; }
 }
 



View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/97a81799d6e633f2e26c65a6e4169ee19d6010c7

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/97a81799d6e633f2e26c65a6e4169ee19d6010c7
You're receiving this email because of your account on gitlab.com.

_______________________________________________
TikiWiki-cvs mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs