SearchInFileBar.css (901B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */ 4 5 .search-bar { 6 position: relative; 7 display: flex; 8 border-top: 1px solid var(--theme-splitter-color); 9 height: var(--editor-searchbar-height); 10 transition: outline 150ms ease-out; 11 } 12 13 /* Display an outline on the container when the child input is focused. If another element 14 is focused (e.g. a button), we only want the outline on that element */ 15 .search-bar:focus-within:has(input:focus-visible) { 16 outline: var(--theme-focus-outline); 17 outline-offset: -2px; 18 } 19 20 .search-bar .search-outline { 21 flex-grow: 1; 22 border-width: 0; 23 } 24 25 /* The outline is set on .search-bar already */ 26 .search-bar input:focus-visible { 27 outline: none; 28 } 29 30 .search-bar .result-list { 31 max-height: 230px; 32 }