Merge pull request #8392 from infor-design/8391-masthead-colors

8391 - Fix incorrect color on hover

docs/CHANGELOG.md

@@ -39,6 +39,7 @@
 - `[Homepage]` Adjusted top and bottom padding of the widgets. ([#8362](https://github.com/infor-design/enterprise-wc/issues/8362))
 - `[Locale]` Changed all `zh` locales time format as suggested by native speakers. ([#8313](https://github.com/infor-design/enterprise/issues/8313))
 - `[Lookup]` Fixed clear button in keyword search not updating search results on click. ([#8258](https://github.com/infor-design/enterprise/issues/8258))
+- `[Masthead]` Fixed incorrect color on hover. ([8391](https://github.com/infor-design/enterprise/issues/8391))
 - `[Mask]` Alternative approach for checking instance of RegExp if `instanceof RegExp` returns false. ([8365](https://github.com/infor-design/enterprise/issues/8365))
 - `[Modal]` Fixed a bug where the modal would shift up when toggling a switch inside of it. ([#8018](https://github.com/infor-design/enterprise/issues/8018))
 - `[Modal]` Fixed a bug where textarea field is bigger than other fields on screen widths less that 400px. ([#8125](https://github.com/infor-design/enterprise/issues/8125))

src/components/masthead/_masthead-new.scss

@@ -66,7 +66,7 @@
 // Reset toolbar buttons hover
 html[class*='theme-new-'] .masthead .flex-toolbar:not(.editor-toolbar):not(.formatter-toolbar):not(.contextual-toolbar) .toolbar-section [class^='btn']:not(:disabled):not(.searchfield-category-button),
 .masthead .toolbar:not(.standalone) .buttonset [class^='btn']:not(.searchfield-category-button) {
-  border-radius: unset;
+  border-radius: 2px;
 
   &:not(:disabled):hover {
     background-color: transparent;

src/components/masthead/_masthead.scss

@@ -185,7 +185,8 @@
       &:hover:not([disabled]) {
         color: $masthead-button-hover-color;
 
-        .icon {
+        .icon,
+        svg.icon {
           color: $masthead-button-hover-color;
         }
       }