MediaWiki:Gadget-UCXSearchBar.css

.wiki-tools { width: 50%; max-width: 400px; } .wiki-tools__search-container { display: inline-flex; height: auto; width: 100%; } .wiki-tools__search-container::before, .wiki-tools__search-container::after { display: none !important; } .wiki-tools__search-input { width: 100%; padding: 5px; border: 1px solid; background-color: transparent; } .ltr .wiki-tools__search-input { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .rtl .wiki-tools__search-input { border-left: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fandom-community-header__top-container .wiki-tools__search-input, .fandom-community-header__top-container .wiki-tools__search-input::placeholder { color: var(--wds-secondary-button-label-color); } .fandom-sticky-header .wiki-tools__search-input, .fandom-sticky-header .wiki-tools__search-input::placeholder { color: var(--theme-sticky-nav-text-color); } .wiki-tools__search-input:focus { outline: none; } .fandom-community-header__top-container .wiki-tools__search-input:focus { border-color: var(--theme-community-header-color--hover); } .fandom-community-header__top-container .wiki-tools__search-input:focus::placeholder { color: var(--theme-community-header-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus { border-color: var(--theme-sticky-nav-text-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus::placeholder { color: var(--theme-sticky-nav-text-color--hover); } .wiki-tools__search-button { border-radius: 0 !important; } .ltr .wiki-tools__search-button { border-right: 0; } .rtl .wiki-tools__search-button { border-left: 0; } .wiki-tools__search-linksuggest-list { width: 100%; } .wiki-tools__search-linksuggest-list > ul > li > a { text-overflow: ellipsis; overflow: hidden; } .wiki-tools__search-linksuggest-list-see-all { font-style: italic; }

/* Fake element to prevent content shift */ .wiki-tools.wds-button-group:not(.wiki-tools__ucxsearch)::before { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; content: "Search..."; width: 100%; padding: 0 10px; border: 1px solid; padding: 6px 5px 4px 5px; border-right: none; background-color: transparent; text-overflow: inherit; line-height: initial; white-space: pre; overflow-wrap: normal; font: 400 13.3333px Arial; cursor: text; } .wiki-tools__search.wds-button.wds-is-secondary { border-radius: 0; }