summaryrefslogtreecommitdiffstats
path: root/browser/components/storybook/.storybook/preview-head.html
diff options
context:
space:
mode:
Diffstat (limited to 'browser/components/storybook/.storybook/preview-head.html')
-rw-r--r--browser/components/storybook/.storybook/preview-head.html22
1 files changed, 22 insertions, 0 deletions
diff --git a/browser/components/storybook/.storybook/preview-head.html b/browser/components/storybook/.storybook/preview-head.html
new file mode 100644
index 0000000000..2a64d15690
--- /dev/null
+++ b/browser/components/storybook/.storybook/preview-head.html
@@ -0,0 +1,22 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ - You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<link rel="stylesheet" href="chrome://global/skin/design-tokens-brand.css" />
+<style>
+ /* Override the default Storybook padding in favour of styles
+ provided by our WithCommonStyles wrapper */
+ .sb-show-main.sb-main-padded {
+ padding: 0;
+ }
+
+ /* Ensure WithCommonStyles can grow to fit the page */
+ #root-inner {
+ height: 100vh;
+ }
+
+ /* Docs stories are being given unnecessary height, possibly because we
+ turned off certain controls */
+ .docs-story div div {
+ height: unset;
+ }
+</style>