dbxe
/
fusionpbx
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change menu multi column dropdown width based on text size (#7296)

This commit is contained in:
Alex 2025-03-07 16:27:21 -07:00 committed by GitHub
parent da19ca7a7c
commit bb5320e6ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
themes/default/css.php
View File

@ -727,18 +727,28 @@ else { //default: white
/* sub menu container (multiple columns) */ /* sub menu container (multiple columns) */
@media(min-width: 576px) { @media(min-width: 576px) {
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column { ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column {
width: 330px; width: max-content;
} }
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column:hover {
display: flex;
}
}
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item {
width: 100%;
margin-right: calc(<?=$menu_sub_text_size?> * 2);
} }
/* sub menu item */ /* sub menu item */
ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link, ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link,
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item > a.nav-link { ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item > a.nav-link {
width: 100%;
font-family: <?=$menu_sub_text_font?>; font-family: <?=$menu_sub_text_font?>;
color: <?=$menu_sub_text_color?>; color: <?=$menu_sub_text_color?>;
font-size: <?=$menu_sub_text_size?>; font-size: <?=$menu_sub_text_size?>;
margin: 0; margin: 0;
padding: 3px 14px !important; padding: 3px 14px !important;
white-space: nowrap;
} }
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown { ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown {