Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
body.dev-betterTopNav-expandSearch {
.search-app__suggestions-box:has(>ul:only-child>.search-app__suggestion, >.search-app__no-suggestions:only-child):not(.search-app__custom-suggestions) {
display: none;
}
.search-app__suggestions-box {
resize: vertical;
overflow: hidden auto;
max-height: 80vh
}
}
body.dev-betterTopNav-resizeSearch {
.fandom-community-header__local-navigation .wds-tabs {
display: flex;
}
.search-container {
width: unset;
max-width: unset !important;
min-width: 0 !important;
> .search-app__wrapper {
margin-left: 26px;
padding: 0;
transition-duration: 0s !important;
}
}
@media only screen and (max-width: 1279px) {
.fandom-sticky-header .search-container .search-app__wrapper:not(.search-app__wrapper--expanded) {
width: 0 !important;
overflow: hidden;
}
.fandom-sticky-header .search-container .search-app__wrapper.search-app__wrapper--expanded {
position: fixed;
top: 100%;
margin-top: 0;
input {
border-radius: 0;
border-top: 0;
margin: 0;
}
}
}
.search-resizer {
width: 20px;
height: 24px;
background: transparent;
position: absolute;
left: -20px;
bottom: calc(50% - 12.5px);
cursor: e-resize;
user-select: none;
border: 1px solid;
border-right: 0;
border-radius: 30% 0 0 30%;
padding-left: 1px;
text-align: center;
> svg {
transform: rotate(90deg);
}
}
.global-top-navigation .search-resizer {
color: var(--fandom-search-color);
border-color: var(--fandom-search-color);
}
.fandom-sticky-header .search-resizer {
color: var(--theme-sticky-nav-text-color);
border-color: var(--fandom-communitybar-search-color);
background: var(--theme-sticky-nav-background-color);
}
}
body.dev-betterTopNav-customizeTools {
@media only screen and (min-width: 1023px) {
:is(#global-top-navigation, #community-navigation) > .wds-dropdown {
display: none;
}
:is(#global-top-navigation, #community-navigation) > .wds-dropdown:has(li:not(.wiki-tool-in-dropdown)) {
display: block;
}
}
@media only screen and (max-width: 1023px) {
:is(#global-top-navigation, #community-navigation) .wiki-tools > .wds-button.is-hidden-on-smaller-breakpoints {
display: none;
}
:is(#global-top-navigation, #community-navigation) .wiki-tools .wiki-tool-in-dropdown {
display: revert;
}
}
}
body.dev-betterTopNav-hoverUserMenu {
.global-action__user > button {
margin: 15px 0;
}
.global-action__user .navigation-panel {
animation: none !important;
border-radius: 15px 0 15px 15px;
height: auto;
padding: 15px 5px;
right: 100%;
z-index: 2;
pointer-events: all !important;
border: 1px solid var(--theme-border-color);
.user-panel__list {
padding: 0 12px;
}
> div > :not(ul) {
display: none;
}
}
&:has(.global-action__user:is(:hover, .wds-is-active), .global-action__user #user-panel__content:hover) .global-action__user .navigation-panel {
right: 0 !important;
}
.btn-noflash #global-top-navigation .global-action__user {
.global-action__user__panel-container {
display: none !important;
}
.global-action__button {
background: transparent !important;
}
.wds-avatar__image {
border-color: var(--fandom-top-nav-icon-color) !important;
}
}
}