hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added new variables for the expandable navbar section

Browse Source
This commit is contained in:
Alexandre Vryghem
2023-09-29 21:40:29 +02:00
parent 6c48238fa2
commit 2ca2a3881f
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.scss
View File

@@ -6,15 +6,20 @@
} }
.dropdown-menu { .dropdown-menu {
background-color: var(--ds-navbar-bg); background-color: var(--ds-expandable-navbar-bg);
overflow: hidden; overflow: hidden;
min-width: 100%; min-width: 100%;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
::ng-deep a.nav-link { ::ng-deep a.nav-link {
color: var(--ds-expandable-navbar-link-color) !important;
padding-right: var(--bs-spacer); padding-right: var(--bs-spacer);
padding-left: var(--bs-spacer); padding-left: var(--bs-spacer);
white-space: nowrap; white-space: nowrap;
&:hover, &:focus {
color: var(--ds-expandable-navbar-link-color-hover) !important;
}
} }
} }

3
src/styles/_custom_variables.scss
View File

@@ -29,6 +29,9 @@
--ds-header-navbar-border-bottom-color: #{$gray-400}; --ds-header-navbar-border-bottom-color: #{$gray-400};
--ds-navbar-link-color: #{$cyan}; --ds-navbar-link-color: #{$cyan};
--ds-navbar-link-color-hover: #{darken($cyan, 15%)}; --ds-navbar-link-color-hover: #{darken($cyan, 15%)};
--ds-expandable-navbar-bg: var(--ds-navbar-bg);
--ds-expandable-navbar-link-color: var(--ds-navbar-link-color);
--ds-expandable-navbar-link-color-hover: var(--ds-navbar-link-color-hover);
$admin-sidebar-bg: darken(#2B4E72, 17%); $admin-sidebar-bg: darken(#2B4E72, 17%);
$admin-sidebar-active-bg: darken($admin-sidebar-bg, 3%); $admin-sidebar-active-bg: darken($admin-sidebar-bg, 3%);