reinstate storybook-overrides.css

basher · May 13, 2024 · 01f41e4 · 01f41e4
1 parent ff80cec
commit 01f41e4
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/ui/.storybook/preview-head.html b/ui/.storybook/preview-head.html
@@ -5,4 +5,4 @@
 <script defer src="index.js"></script>
 
 <!-- Overrides for Storybook Docs and UI. -->
-<link href="storybook-overrides/index.css" rel="stylesheet" />
+<link href="storybook-overrides.css" rel="stylesheet" />
diff --git a/ui/public/.gitignore b/ui/public/.gitignore
@@ -4,4 +4,4 @@
 !.gitignore
 !ajax/*
 !sprite.svg
-!storybook-overrides/*
+!storybook-overrides.css
diff --git a/ui/public/storybook-overrides.css b/ui/public/storybook-overrides.css
@@ -0,0 +1,20 @@
+/* Reset Docs typography to use theme settings. */
+.sbdocs-content :where(:is(p, li):not([class]), dd, small) {
+    max-inline-size: none;
+}
+
+.sbdocs-content ul ul {
+    list-style-type: circle;
+}
+
+.sbdocs-content code {
+    color: inherit !important;
+    font-size: inherit !important;
+    font-weight: 600;
+}
+
+/* Override dark mode in Storybook docs. */
+:root :has(#storybook-docs:not([hidden='true'])) {
+    --color-text: 0 0% 20%;
+    color-scheme: light !important;
+}