dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

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;
		}
	}
}