Add "hover" and "active" styles for material menu

This commit is contained in:
eugene-sinitsyn 2020-03-09 12:50:21 +03:00 committed by Sergey Andrievskiy
parent 4a4a8cb011
commit fea2da6df7
2 changed files with 26 additions and 4 deletions

View file

@ -365,10 +365,21 @@ $theme: (
header-shadow: unquote(
'0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)'
),
outline-color: color-basic-700,
font-family-primary: unquote('Roboto, sans-serif'),
menu-text-font-weight: 400
menu-text-font-weight: 400,
menu-text-color: rgba(255, 255, 255, 0.7),
menu-item-hover-text-color: rgba(255, 255, 255, 0.7),
menu-item-hover-background-color: rgba(255, 255, 255, 0.04),
menu-item-active-background-color: rgba(0, 0, 0, 0.25),
menu-item-icon-color: rgba(255, 255, 255, 0.7),
menu-item-icon-hover-color: rgba(255, 255, 255, 0.7),
menu-submenu-item-hover-background-color: rgba(255, 255, 255, 0.04),
menu-submenu-item-active-hover-background-color: rgba(255, 255, 255, 0.1),
menu-submenu-item-active-background-color: rgba(0, 0, 0, 0.25)
);
$nb-themes: nb-register-theme($theme, material-dark, dark);

View file

@ -365,10 +365,21 @@ $theme: (
header-shadow: unquote(
'0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)'
),
outline-color: color-basic-transparent-200,
font-family-primary: unquote('Roboto, sans-serif'),
menu-text-font-weight: 400
menu-text-font-weight: 400,
menu-text-color: rgba(0, 0, 0, 0.87),
menu-item-hover-text-color: rgba(0, 0, 0, 0.87),
menu-item-hover-background-color: rgba(0, 0, 0, 0.04),
menu-item-active-background-color: rgba(0, 0, 0, 0.08),
menu-item-icon-color: rgba(0, 0, 0, 0.87),
menu-item-icon-hover-color: rgba(0, 0, 0, 0.87),
menu-submenu-item-hover-background-color: rgba(0, 0, 0, 0.04),
menu-submenu-item-active-hover-background-color: rgba(0, 0, 0, 0.1),
menu-submenu-item-active-background-color: rgba(0, 0, 0, 0.08)
);
$nb-themes: nb-register-theme($theme, material-light, default);