nsinnovations/fusionpbx
2
0
Fork 0
mirror of https://github.com/fusionpbx/fusionpbx.git synced 2026-01-06 11:43:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Menu - Split longer submenus into two columns of items.

Browse Source
This commit is contained in:
fusionate
2023-10-17 00:27:59 +00:00
parent 694d701757
commit dd1ba159ab
2 changed files with 42 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
themes/default/css.php
View File

@@ -619,8 +619,16 @@ else { //default: white
<?php unset($br); ?>
}
/* sub menu container (multiple columns) */
@media(min-width: 576px) {
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column {
width: 330px;
}
}
/* 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 {
font-family: <?=$menu_sub_text_font?>;
color: <?=$menu_sub_text_color?>;
font-size: <?=$menu_sub_text_size?>;
@@ -628,9 +636,17 @@ else { //default: white
padding: 3px 14px !important;
}
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown {
list-style-type: none;
padding-left: 0;
}
ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link:hover,
ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link:focus,
ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link:active {
ul.navbar-nav > li.nav-item > ul.dropdown-menu > li.nav-item > a.nav-link:active,
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item > a.nav-link:hover,
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item > a.nav-link:focus,
ul.navbar-nav > li.nav-item > ul.dropdown-menu.multi-column > div.row > div > ul.multi-column-dropdown > li.nav-item > a.nav-link:active {
color: <?=$menu_sub_text_color_hover?>;
background: <?=$menu_sub_background_color_hover?>;
outline: none;