A11Y: Allow header logo/title to hide, if needed (#20244)
This commit is contained in:
parent
dfffb43933
commit
2dbcea9eee
|
@ -13,6 +13,12 @@ export default createWidget("home-logo", {
|
|||
href: getURL("/"),
|
||||
},
|
||||
|
||||
buildClasses() {
|
||||
if (this.attrs.minimized) {
|
||||
return "title--minimized";
|
||||
}
|
||||
},
|
||||
|
||||
href() {
|
||||
const href = this.settings.href;
|
||||
return typeof href === "function" ? href() : href;
|
||||
|
|
|
@ -50,6 +50,15 @@
|
|||
a:visited {
|
||||
color: var(--header_primary);
|
||||
}
|
||||
|
||||
&:not(.title--minimized) {
|
||||
// allows large logos to be hidden if there are too many other header elements
|
||||
// this prioritizes nav elements, especially in cases of high zoom levels
|
||||
overflow: hidden;
|
||||
a {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#site-logo {
|
||||
|
|
Loading…
Reference in New Issue