[TikiWiki-commits] [Git][tikiwiki/tiki][master] [ENH][UI] Cypth integration: Enhance advanced search folder display and tooltips

Bruno Kambere pushed to branch master at Tiki Wiki CMS Groupware / Tiki


Commits:
07834d77 by Joseph Lwanzo Kausi at 2026-06-13T13:14:22+03:00
[ENH][UI] Cypth integration: Enhance advanced search folder display and tooltips
---
* [ENH] Enhance advanced search folder display and tooltips

See merge request tikiwiki/tiki!10365

- - - - -


2 changed files:

- lib/cypht/modules/tiki/site.js
- themes/base_files/scss/_cypht-tiki.scss


Changes:

=====================================
lib/cypht/modules/tiki/site.js
=====================================
@@ -844,6 +844,36 @@ $(document).on('click', '.trackers_toggle', function (e) {
     $('#move_to_trackers').trigger('click').hide();
 });
 
+// Advanced search: tooltips on truncated folder labels (pairs with _cypht-tiki.scss ellipsis)
+var set_adv_folder_link_titles = function(container) {
+    $(container).find('.adv_folder_link').each(function() {
+        const label = $(this).text().trim();
+        if (label) {
+            $(this).attr('title', label);
+        }
+    });
+};
+
+if (typeof expand_adv_folder === 'function') {
+    expand_adv_folder = (function(original) {
+        return function(res) {
+            original(res);
+            if (res.imap_expanded_folder_path) {
+                set_adv_folder_link_titles($('.adv_folder_list'));
+            }
+        };
+    })(expand_adv_folder);
+}
+
+if (typeof adv_select_imap_folder === 'function') {
+    adv_select_imap_folder = (function(original) {
+        return function(el) {
+            original(el);
+            set_adv_folder_link_titles($('.adv_folder_list'));
+        };
+    })(adv_select_imap_folder);
+}
+
 /* executes on onload, has access to other module code */
 $(function() {
     autoMoveReplyToTrackerItem();


=====================================
themes/base_files/scss/_cypht-tiki.scss
=====================================
@@ -314,6 +314,19 @@
         #imap_filter_form {
             .imap_keyword, el-select { margin-right: 5px; }
         }
+        .list_sources .list_src {
+            display: block;
+            max-width: 100%;
+            min-width: 0;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+        .list_sources.w-100 {
+            width: auto !important;
+            max-width: min(320px, calc(100vw - 2rem));
+            min-width: 0;
+        }
     }
 
     .menu_search {
@@ -487,6 +500,65 @@
             .inner_list .form-check { margin: 0 0 0 30px; }
             .unread_count { padding-top: 4px; }
         }
+        .adv_folder_list {
+            .wrapper {
+                align-items: center;
+                gap: 0.5rem;
+                min-width: 0;
+            }
+            .adv_folder_link {
+                min-width: 0;
+                flex: 1 1 auto;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                max-width: min(240px, 40vw);
+            }
+            .wrapper > .unread_count {
+                flex-shrink: 0;
+            }
+            .wrapper > .d-flex.gap-3 {
+                flex-shrink: 0;
+            }
+            .inner_list .wrapper > a {
+                min-width: 0;
+                flex: 1 1 auto;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                max-width: min(220px, 38vw);
+            }
+        }
+    }
+
+    .account_folder_title {
+        min-width: 0;
+        flex: 1 1 auto;
+        overflow: hidden;
+        strong {
+            display: inline-block;
+            max-width: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            vertical-align: bottom;
+        }
+    }
+    .folder_table {
+        table-layout: fixed;
+        width: 100%;
+        td.folder-name-cell {
+            max-width: 0;
+            overflow: hidden;
+        }
+        .folder-name-text {
+            display: inline-block;
+            max-width: calc(100% - 1.5rem);
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            vertical-align: middle;
+        }
     }
 
     .bubble_dropdown-content { z-index: 5; }
@@ -571,7 +643,11 @@
             background-color: $body-bg !important;
             .ctr_divider + div.dropdown { margin-top: 4px; }
             .path_delim + a { display: contents; }
-            .list_sources { top: 42px; width: 100% !important; }
+            .list_sources {
+                top: 40px;
+                border: 1px solid var(--bs-border-color);
+                max-width: min(300px, calc(100vw - 1.5rem));
+            }
         }
 
         .list_controls i.bi-filter-circle {
@@ -650,6 +726,41 @@
             .message_table_body .icon { width: 50px; }
         }
 
+        .advanced_search_form .adv_folder_list {
+            .adv_folder_link {
+                max-width: min(180px, 50vw);
+            }
+            .inner_list .wrapper > a {
+                max-width: min(160px, 45vw);
+            }
+        }
+
+        // Search results: from + subject only on mobile
+        .adv_controls + .message_list .message_table {
+            table-layout: auto;
+            td.source,
+            td.msg_date,
+            td.icon,
+            td.dates {
+                display: none !important;
+            }
+            td.checkbox_cell {
+                width: 28px;
+            }
+            td.from {
+                width: 35%;
+                max-width: 35%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+            td.subject {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
         .time_section {
             input[type=date] { display: block; margin-bottom: 10px; }
             [id*="time_adv_remove"] { margin-left: 10px; }



View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/07834d77674a49a3c188549157544d384d510529

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/07834d77674a49a3c188549157544d384d510529
You're receiving this email because of your account on gitlab.com. Manage all notifications: https://gitlab.com/-/profile/notifications | Help: https://gitlab.com/help

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