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 | |
| parent | e4d202a4eb2bb32127029b6db15e7b90f20ac1a3 (diff) | |
| download | nng-9dec69104d2a1ec9c06d0953b020ac52e0331425.tar.gz nng-9dec69104d2a1ec9c06d0953b020ac52e0331425.tar.bz2 nng-9dec69104d2a1ec9c06d0953b020ac52e0331425.zip | |
deploy: cdcf4934610a2673727b4efad93b82191c3379eb
Diffstat (limited to 'ref/css')
| -rw-r--r-- | ref/css/chrome.css | 28 | ||||
| -rw-r--r-- | ref/css/general.css | 5 | ||||
| -rw-r--r-- | ref/css/variables.css | 1 |
3 files changed, 30 insertions, 4 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))); diff --git a/ref/css/general.css b/ref/css/general.css index 9946cfc0..9121c6f5 100644 --- a/ref/css/general.css +++ b/ref/css/general.css @@ -86,11 +86,12 @@ h6:target::before { box-sizing: border-box; background-color: var(--bg); } -.no-js .page-wrapper, +html:not(.js) .page-wrapper, .js:not(.sidebar-resizing) .page-wrapper { transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */ } -[dir=rtl] .js:not(.sidebar-resizing) .page-wrapper { +[dir=rtl]:not(.js) .page-wrapper, +[dir=rtl].js:not(.sidebar-resizing) .page-wrapper { transition: margin-right 0.3s ease, transform 0.3s ease; /* Animation: slide away */ } diff --git a/ref/css/variables.css b/ref/css/variables.css index 5742d241..3854b3a7 100644 --- a/ref/css/variables.css +++ b/ref/css/variables.css @@ -11,6 +11,7 @@ --menu-bar-height: 50px; --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace; --code-font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */ + --searchbar-margin-block-start: 5px; } /* Themes */ |