diff options
| author | gdamore <gdamore@users.noreply.github.com> | 2025-07-28 21:27:00 +0000 |
|---|---|---|
| committer | gdamore <gdamore@users.noreply.github.com> | 2025-07-28 21:27:00 +0000 |
| commit | 9dec69104d2a1ec9c06d0953b020ac52e0331425 (patch) | |
| tree | e09d7629c0602be68a0426e69b055ad99fb1b4a1 /ref/css/chrome.css | |
| parent | e4d202a4eb2bb32127029b6db15e7b90f20ac1a3 (diff) | |
| download | nng-9dec69104d2a1ec9c06d0953b020ac52e0331425.tar.gz nng-9dec69104d2a1ec9c06d0953b020ac52e0331425.tar.bz2 nng-9dec69104d2a1ec9c06d0953b020ac52e0331425.zip | |
deploy: cdcf4934610a2673727b4efad93b82191c3379eb
Diffstat (limited to 'ref/css/chrome.css')
| -rw-r--r-- | ref/css/chrome.css | 28 |
1 files changed, 26 insertions, 2 deletions
diff --git a/ref/css/chrome.css b/ref/css/chrome.css index 360a6537..ce7fe048 100644 --- a/ref/css/chrome.css +++ b/ref/css/chrome.css @@ -344,9 +344,34 @@ mark.fade-out { max-width: var(--content-max-width); } +#searchbar-outer.searching #searchbar { + padding-right: 30px; +} +#searchbar-outer .spinner-wrapper { + display: none; +} +#searchbar-outer.searching .spinner-wrapper { + display: block; +} + +.search-wrapper { + position: relative; +} + +.spinner-wrapper { + --spinner-margin: 2px; + position: absolute; + margin-block-start: calc(var(--searchbar-margin-block-start) + var(--spinner-margin)); + right: var(--spinner-margin); + top: 0; + bottom: var(--spinner-margin); + padding: 6px; + background-color: var(--bg); +} + #searchbar { width: 100%; - margin-block-start: 5px; + margin-block-start: var(--searchbar-margin-block-start); margin-block-end: 0; margin-inline-start: auto; margin-inline-end: auto; @@ -505,7 +530,6 @@ html:not(.sidebar-resizing) .sidebar { /* sidebar-hidden */ #sidebar-toggle-anchor:not(:checked) ~ .sidebar { transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width))); - z-index: -1; } [dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar { transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width))); |