cosmos-docusaurus-theme 1.2.3 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/css/theme.css +33 -4
package/package.json
CHANGED
package/src/css/theme.css
CHANGED
|
@@ -924,13 +924,14 @@ details > :not(summary) {
|
|
|
924
924
|
--ifm-navbar-search-input-background-color: #1f2937;
|
|
925
925
|
--ifm-navbar-search-input-color: #e5e5e5;
|
|
926
926
|
--ifm-navbar-search-input-placeholder-color: #a3a3a3;
|
|
927
|
+
/* Fix: SVG background-image can't use currentColor — hardcode a light fill */
|
|
928
|
+
--ifm-navbar-search-input-icon: url("data:image/svg+xml;utf8,<svg fill='%23a3a3a3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16px' width='16px'><path d='M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z' /></svg>");
|
|
927
929
|
}
|
|
928
930
|
|
|
929
|
-
/* Navbar search input — styled like Rackscope
|
|
930
|
-
/* rounded-lg, bg surface, border, focus ring — consistent with the app */
|
|
931
|
+
/* Navbar search input — styled like Rackscope AppSearch component */
|
|
931
932
|
.navbar__search-input {
|
|
932
|
-
height:
|
|
933
|
-
min-width:
|
|
933
|
+
height: 38px;
|
|
934
|
+
min-width: 220px;
|
|
934
935
|
border-radius: 8px;
|
|
935
936
|
border: 1px solid var(--ifm-toc-border-color);
|
|
936
937
|
background-color: var(--ifm-code-background);
|
|
@@ -955,6 +956,34 @@ details > :not(summary) {
|
|
|
955
956
|
box-shadow: 0 0 0 3px rgb(117, 146, 255, 0.12);
|
|
956
957
|
}
|
|
957
958
|
|
|
959
|
+
/* Ctrl+K hint badges inside search input */
|
|
960
|
+
[class*="searchHint"] kbd,
|
|
961
|
+
.navbar__search-input ~ * kbd {
|
|
962
|
+
background: var(--ifm-code-background);
|
|
963
|
+
border: 1px solid var(--ifm-toc-border-color);
|
|
964
|
+
border-radius: 4px;
|
|
965
|
+
color: var(--ifm-font-color-secondary);
|
|
966
|
+
font-size: 0.65rem;
|
|
967
|
+
font-family: var(--ifm-font-family-monospace);
|
|
968
|
+
padding: 1px 5px;
|
|
969
|
+
box-shadow: none;
|
|
970
|
+
}
|
|
971
|
+
|
|
972
|
+
/* Right-side navbar ordering: Search | GitHub | Theme toggle */
|
|
973
|
+
.navbar__search {
|
|
974
|
+
order: 0;
|
|
975
|
+
}
|
|
976
|
+
|
|
977
|
+
.navbar__items--right .navbar__link {
|
|
978
|
+
order: 1;
|
|
979
|
+
}
|
|
980
|
+
|
|
981
|
+
/* Color mode toggle wrapper (direct flex child) — rightmost */
|
|
982
|
+
/* Must target the wrapper div, not button[aria-label] which is a nested child */
|
|
983
|
+
[class*="colorModeToggle"] {
|
|
984
|
+
order: 2;
|
|
985
|
+
}
|
|
986
|
+
|
|
958
987
|
/* ── Algolia DocSearch ───────────────────────────────────────────────────── */
|
|
959
988
|
/* Applied when Algolia search is configured in themeConfig.algolia. */
|
|
960
989
|
[data-theme='light'] .DocSearch {
|