From e717e610f963d10b464a0166d6cbc8d0c331e61c Mon Sep 17 00:00:00 2001 From: Koen Pauwels Date: Fri, 27 Jan 2023 11:03:18 +0100 Subject: [PATCH] 97732 Header buttons now behave consistently on hover --- .../context-help-toggle.component.scss | 2 +- src/app/header/header.component.scss | 2 +- src/app/search-navbar/search-navbar.component.scss | 3 --- .../shared/auth-nav-menu/auth-nav-menu.component.scss | 4 ++-- src/app/shared/lang-switch/lang-switch.component.scss | 10 ++++------ .../search-authority-filter.component.scss | 2 +- .../search-facet-option.component.scss | 2 +- .../search-facet-selected-option.component.scss | 2 +- 8 files changed, 11 insertions(+), 16 deletions(-) diff --git a/src/app/header/context-help-toggle/context-help-toggle.component.scss b/src/app/header/context-help-toggle/context-help-toggle.component.scss index af233dd7b5..a8c6100fae 100644 --- a/src/app/header/context-help-toggle/context-help-toggle.component.scss +++ b/src/app/header/context-help-toggle/context-help-toggle.component.scss @@ -2,7 +2,7 @@ color: var(--ds-header-icon-color); background-color: var(--ds-header-bg); - &:hover, &focus { + &:hover, &:focus { color: var(--ds-header-icon-color-hover); } } diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss index 922b2d02e1..546f6a06fa 100644 --- a/src/app/header/header.component.scss +++ b/src/app/header/header.component.scss @@ -15,7 +15,7 @@ a { color: var(--ds-header-icon-color); - &:hover, &focus { + &:hover, &:focus { color: var(--ds-header-icon-color-hover); } } diff --git a/src/app/search-navbar/search-navbar.component.scss b/src/app/search-navbar/search-navbar.component.scss index c1ccd289b2..125aa82f1f 100644 --- a/src/app/search-navbar/search-navbar.component.scss +++ b/src/app/search-navbar/search-navbar.component.scss @@ -22,8 +22,5 @@ a.submit-icon { width: 40vw !important; } - a.submit-icon { - color: var(--bs-link-color); - } } diff --git a/src/app/shared/auth-nav-menu/auth-nav-menu.component.scss b/src/app/shared/auth-nav-menu/auth-nav-menu.component.scss index ac51af27bf..36161ff3da 100644 --- a/src/app/shared/auth-nav-menu/auth-nav-menu.component.scss +++ b/src/app/shared/auth-nav-menu/auth-nav-menu.component.scss @@ -13,9 +13,9 @@ } .dropdown-toggle { - color: var(--ds-header-icon-color) !important; + color: var(--ds-header-icon-color); - &:hover, &focus { + &:hover, &:focus { color: var(--ds-header-icon-color-hover); } } diff --git a/src/app/shared/lang-switch/lang-switch.component.scss b/src/app/shared/lang-switch/lang-switch.component.scss index 6d79e6ab25..7b593a9bb5 100644 --- a/src/app/shared/lang-switch/lang-switch.component.scss +++ b/src/app/shared/lang-switch/lang-switch.component.scss @@ -2,12 +2,10 @@ display:none; } -@media screen and (min-width: map-get($grid-breakpoints, md)) { - .dropdown-toggle { - color: var(--ds-header-icon-color); +.dropdown-toggle { + color: var(--ds-header-icon-color); - &:hover, &focus { - color: var(--ds-header-icon-color-hover); - } + &:hover, &:focus { + color: var(--ds-header-icon-color-hover); } } diff --git a/src/app/shared/search/search-filters/search-filter/search-authority-filter/search-authority-filter.component.scss b/src/app/shared/search/search-filters/search-filter/search-authority-filter/search-authority-filter.component.scss index 8f61f5ebf1..9e01e19d02 100644 --- a/src/app/shared/search/search-filters/search-filter/search-authority-filter/search-authority-filter.component.scss +++ b/src/app/shared/search/search-filters/search-filter/search-authority-filter/search-authority-filter.component.scss @@ -1,7 +1,7 @@ .filters { a { color: var(--bs-body-color); - &:hover, &focus { + &:hover, &:focus { text-decoration: none; } span.badge { diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss index 74cede54a8..1211d2d478 100644 --- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss +++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss @@ -1,6 +1,6 @@ a { color: var(--bs-body-color); - &:hover, &focus { + &:hover, &:focus { text-decoration: none; } span.badge { diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-selected-option/search-facet-selected-option.component.scss b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-selected-option/search-facet-selected-option.component.scss index 74cede54a8..1211d2d478 100644 --- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-selected-option/search-facet-selected-option.component.scss +++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-selected-option/search-facet-selected-option.component.scss @@ -1,6 +1,6 @@ a { color: var(--bs-body-color); - &:hover, &focus { + &:hover, &:focus { text-decoration: none; } span.badge {