Files
dspace-angular/src/app/shared/auth-nav-menu/auth-nav-menu.component.scss
Alexandre Vryghem aba3a9439d 129964: Fixed the header role structure being invalid in the custom theme
- Replaced the menubar role from the parent of all the header buttons like lang switch, auth menu & help toggle with toolbar
- Replaced the remaining `<a>` buttons in the header with `<button>` to make them expandable with space
- Fixed accessibility issues flagged by axe DevTools in the user menu dropdown
2025-05-14 16:55:07 +02:00

35 lines
687 B
SCSS

#loginDropdownMenu, #logoutDropdownMenu {
min-width: 330px;
z-index: 1002;
}
#loginDropdownMenu {
min-height: 75px;
}
.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover, .dropdown-item:focus {
background-color: transparent !important;
}
.loginLink, .dropdownLogin, .logoutLink, .dropdownLogout {
color: var(--ds-header-icon-color);
&:hover, &:focus {
color: var(--ds-header-icon-color-hover);
}
}
.dropdownLogin, .dropdownLogout {
&:not(:focus-visible).active,
&:not(:focus-visible):active,
&:not(:focus-visible).active:focus,
&:not(:focus-visible):active:focus {
box-shadow: unset;
}
}
.dropdown-toggle::after {
margin-left: 0;
}