SONAR-16710 [892974] Link or button text lacks 4.5:1 contrast ratio on hover or focus

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/Menu.css b/server/sonar-web/src/main/js/app/components/nav/component/Menu.css
index 2602439afa4551f043db92461820e53909003efc..cb73d4e7fb85a18874c8f38b16f42766e23014c4 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/Menu.css
+++ b/server/sonar-web/src/main/js/app/components/nav/component/Menu.css
@@ -17,13 +17,9 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-.navbar-tabs > li > .menu-button {
-  color: var(--darkBlue) !important;
-}
-
-.navbar-tabs > li > .menu-button:hover {
-  color: var(--blue) !important;
-  border-bottom-color: transparent !important;
+.navbar-tabs > li > .show-project-info-button {
+  color: var(--primary) !important;
+  border-bottom-width: 1px;
 }
 
 .navbar-tabs > li > .disabled-link,

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx b/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
index a01609d78a84279727dfbcfc613b59043bcddaab..7c76a14f8104dc2b4d7e2cdcfc4f023119d283f6 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
@@ -360,7 +360,7 @@ export class Menu extends React.PureComponent<Props> {
       (isProject || isApplication) && (
         <li>
           <ButtonLink
-            className="menu-button"
+            className="show-project-info-button"
             onClick={this.props.onToggleProjectInfo}
             innerRef={node => {
               this.projectInfoLink = node;

diff --git a/server/sonar-web/src/main/js/components/ui/NavBarTabs.css b/server/sonar-web/src/main/js/components/ui/NavBarTabs.css
index 91e00f53a16a73aca4df4e7bad3d0a193e8cd722..c6d8d2617d5f258adaa4648ead958b75de90eb55 100644 (file)
--- a/server/sonar-web/src/main/js/components/ui/NavBarTabs.css
+++ b/server/sonar-web/src/main/js/components/ui/NavBarTabs.css
@@ -30,7 +30,7 @@
 }
 
 .navbar-tabs > li > a,
-.navbar-tabs > li > button.button-link {
+.navbar-tabs > li > .button-link {
   display: block;
   height: var(--controlHeight);
   line-height: 16px;
@@ -44,8 +44,8 @@
 .navbar-tabs > li > a.active,
 .navbar-tabs > li > a:hover,
 .navbar-tabs > li > a:focus,
-.navbar-tabs > li > button.button-link.active,
-.navbar-tabs > li > button.button-link:hover,
-.navbar-tabs > li > button.button-link:focus {
+.navbar-tabs > li > .button-link.active,
+.navbar-tabs > li > .button-link:hover,
+.navbar-tabs > li > .button-link:focus {
   border-bottom-color: var(--blue);
 }