Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* admin: optimize admin menu style.

Browse Source
This commit is contained in:
sunhao
2024-05-17 16:24:37 +08:00
parent a724fc384c
commit 9e4d602881
4 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/zin/wg/dropmenu/css/v1.css
+9 -6
View File
@@ -1,6 +1,9 @@
#pick-pop-admin-menu {width: 130px !important;}
#pick-pop-admin-menu .dropmenu-list {padding: 0;}
#pick-pop-admin-menu .admin-menu-item > .dropmenu-item {padding-left: 10px !important;}
#pick-pop-admin-menu .admin-menu-item > .dropmenu-item.active {background-color: unset;}
#pick-pop-admin-menu .admin-menu-item > .dropmenu-item:hover {color: rgba(var(--color-primary-500-rgb),var(--tw-text-opacity)); background-color: rgba(var(--color-primary-50-rgb),var(--tw-bg-opacity));}
#pick-pop-admin-menu.disabled, #pick-pop-admin-menu .disabled *, #pick-pop-admin-menu [disabled], #pick-pop-admin-menu [disabled] * {opacity: 0.8 !important;}
#pick-pop-admin-menu {width: 139px!important;}
#pick-pop-admin-menu .dropmenu-list {padding: 8px;}
#pick-pop-admin-menu .dropmenu-item + .dropmenu-item {margin-top: 4px}
#pick-pop-admin-menu .dropmenu-item.active {background-color: unset;}
#pick-pop-admin-menu .dropmenu-item:hover {color: rgba(var(--color-primary-500-rgb),var(--tw-text-opacity)); background-color: rgba(var(--color-primary-50-rgb),var(--tw-bg-opacity));}
#pick-pop-admin-menu.disabled,
#pick-pop-admin-menu .disabled *,
#pick-pop-admin-menu [disabled],
#pick-pop-admin-menu [disabled] * {opacity: 0.6 !important;}
module/admin/control.php
+1 -1
View File
@@ -532,7 +532,7 @@ class admin extends control
$data[] = array(
'id' => $menuKey,
'name' => $menuKey,
'content' => array('html' => "<div class='flex items-center my-1.5'><img class='mr-2' src='static/svg/admin-{$menuKey}.svg'/> {$menuGroup['name']}</div>"),
'content' => array('html' => "<div class='flex items-center my-0.5'><img class='mr-2' src='static/svg/admin-{$menuKey}.svg'/> {$menuGroup['name']}</div>"),
'text' => $menuGroup['name'],
'titleClass' => 'hidden',
'type' => 'item',
module/admin/model.php
+1 -1
View File
@@ -437,7 +437,7 @@ class adminModel extends model
$output .= "<button class='btn pull-right btn-link' data-toggle='dropdown'>";
$output .= "<span class='text'>{$currentMenu['name']}</span> ";
$output .= "<span class='caret'></span></button>";
$output .= "<ul class='dropdown-menu menu-hover-primary menu-active-primary' id='adminMenu'>";
$output .= "<ul class='dropdown-menu' id='adminMenu'>";
foreach($this->lang->admin->menuList as $menuKey => $menuGroup)
{
if($this->config->vision == 'lite' and !in_array($menuKey, $this->config->admin->liteMenuList)) continue;
www/theme/default/style.css
+9 -5
View File
@@ -267,10 +267,14 @@ tbody tr td.c-actions .dividing-line {width: 1px; height: 16px; display: inline-
/* Unset style for qa qa-automation-menu. */
.qa-automation-menu > a:focus, .qa-automation-menu > a:hover {background: unset!important; cursor: default;}
#adminMenu.dropdown-menu {min-width: max-content;}
#adminMenu.dropdown-menu > li {padding: 0;}
#adminMenu.dropdown-menu > li > a {padding: 6px 29px 6px 20px;}
#adminMenu.dropdown-menu > li > a > img {padding-bottom: 4px; padding-right: 8px;}
#adminMenu.dropdown-menu > li.disabled img {filter: grayscale(100%); opacity: .6;}
#adminMenu {min-width: max-content; margin-top: -7px;}
#adminMenu > li {padding: 0;}
#adminMenu > li > a {padding: 6px 8px; margin: 4px 8px; display: flex; flex-direction: row; align-items: center; gap: 8px}
#adminMenu > li > a > img {display: block;}
#adminMenu > li.active > a {background-color: var(--color-pale); color: var(--color-primary); font-weight: bold;}
#adminMenu > li.active > a:hover,
#adminMenu > li > a:hover {background-color: var(--color-primary); color: #fff}
#adminMenu > li.disabled {pointer-events: none;}
#adminMenu > li.disabled img {filter: grayscale(100%); opacity: .6;}
.btn-group button.dropdown-toggle.btn-secondary, .btn-group button.dropdown-toggle.btn-primary {padding: 6px;}