https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AVector.less%2Fvectorsearch.less 2026-04-26T05:10:21Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Vector.less/vectorsearch.less&diff=34899&oldid=prev 2024-10-16T23:11:33Z

<p>Created page with &quot;:root { // use --text-color (#000) --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;20&#039; height=&#039;20&#039; viewBox=&#039;0 0 20 20&#039;%3E%3Cpath fill=&#039;%23000&#039; d=&#039;M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8z&#039;/%3E%3C/svg%3E&quot;); } <span dir="auto"><span class="autocomment">* * codex version of search box (ported from vector-2022): </span> .vector-search-box { font-size: 0.8125em; // 12px, default is .8em min-width: unset; // is 20em, guarantees tab...&quot;</span></p> <p><b>New page</b></p><div>:root {<br /> // use --text-color (#000)<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;20&#039; height=&#039;20&#039; viewBox=&#039;0 0 20 20&#039;%3E%3Cpath fill=&#039;%23000&#039; d=&#039;M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8z&#039;/%3E%3C/svg%3E&quot;);<br /> }<br /> <br /> /**<br /> * codex version of search box (ported from vector-2022)<br /> */<br /> <br /> .vector-search-box {<br /> font-size: 0.8125em; // 12px, default is .8em<br /> min-width: unset; // is 20em, guarantees tab overflow in &lt;720px<br /> max-width: 20em; // vector legacy thing<br /> margin: 0;<br /> <br /> form {<br /> margin: 0;<br /> }<br /> <br /> .cdx-search-input__end-button.cdx-button {<br /> top: 1px;<br /> right: 1px;<br /> background-image: var(--searchbutton-icon);<br /> }<br /> }<br /> <br /> .vector-search-box-vue {<br /> input.cdx-text-input__input, input.cdx-text-input__input:enabled {<br /> background: var(--search-box);<br /> color: var(--text-color);<br /> padding: 7px 2.15384615em 7px 0;<br /> border: none;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);<br /> border-radius: 0;<br /> height: 2.5rem;<br /> }<br /> <br /> .cdx-text-input__input::placeholder {<br /> opacity: 1;<br /> }<br /> <br /> .cdx-menu {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> <br /> .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content {<br /> color: var(--text-color);<br /> }<br /> <br /> .cdx-thumbnail__placeholder, .cdx-thumbnail__image {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> }<br /> <br /> .cdx-typeahead-search__search-footer__icon {<br /> color: var(--text-color);<br /> }<br /> <br /> .cdx-menu-item--enabled.cdx-menu-item--highlighted {<br /> background-color: var(--body-dark);<br /> <br /> &amp;, .cdx-menu-item__content, .cdx-menu-item__text__description {<br /> color: var(--text-color);<br /> }<br /> }<br /> <br /> .cdx-menu-item__text__description {<br /> color: var(--byline-color);<br /> }<br /> }<br /> <br /> .cdx-search-input--has-end-button {<br /> background: none;<br /> border: none;<br /> <br /> .cdx-search-input__input-wrapper {<br /> margin: 0; // is -1px, to hide parent border<br /> }<br /> }<br /> <br /> .cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type) {<br /> border-color: var(--body-border);<br /> }<br /> }</div>

Alex