Skip to content

Commit

Permalink
Fix focus states on internal and neutral header (#3269)
Browse files Browse the repository at this point in the history
* bug fixed

* fixed bug

* removed white underline when on hover

* removed focus hover text undeline from neutral header
  • Loading branch information
alessioventuriniAND authored Jul 17, 2024
1 parent c7e6335 commit cc7445b
Showing 1 changed file with 9 additions and 8 deletions.
17 changes: 9 additions & 8 deletions src/components/header/_header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -87,14 +87,6 @@
}
}
}
&__org-logo-link:focus {
background-color: transparent;
box-shadow: none;
outline: 3px solid var(--ons-color-focus);
.ons-icon--logo {
fill: var(--ons-color-text-link-focus);
}
}
&__grid-top {
color: var(--ons-color-text-inverse);
min-height: 36px;
Expand All @@ -103,6 +95,12 @@
&:hover {
text-decoration: underline solid var(--ons-color-text-inverse-link-hover) 3px;
}
&:focus {
color: var(--ons-color-text-link-focus);
&:hover {
text-decoration: none;
}
}
}
}
}
Expand All @@ -125,6 +123,9 @@
&:hover {
text-decoration: underline solid var(--ons-color-header-masthead-neutral) 3px;
}
&:focus:hover {
text-decoration: none;
}
}
}

Expand Down

0 comments on commit cc7445b

Please sign in to comment.