fix: custom controls taking too much space

histoire-dev · Dec 23, 2022 · 59d1153 · 59d1153
1 parent 6799472
commit 59d1153
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/histoire-app/src/app/components/panel/StoryControls.vue b/packages/histoire-app/src/app/components/panel/StoryControls.vue
@@ -52,7 +52,7 @@ const hasCustomControls = computed(() => props.variant.slots().controls || props
       slot-name="controls"
       :variant="variant"
       :story="story"
-      class="htw-flex-none"
+      class="__histoire-render-custom-controls htw-flex-none"
       @ready="ready = true"
     />
 

diff --git a/packages/histoire-app/src/app/style/main.pcss b/packages/histoire-app/src/app/style/main.pcss
@@ -64,7 +64,7 @@ button {
     }
   }
 
-  .__histoire-render-story {
+  .__histoire-render-story:not(.__histoire-render-custom-controls) {
     overflow: auto;
     min-height: 100%;
   }

diff --git a/packages/histoire-app/src/app/style/sandbox.css b/packages/histoire-app/src/app/style/sandbox.css
@@ -18,7 +18,7 @@ html {
   display: none;
 }
 
-.__histoire-render-story {
+.__histoire-render-story:not(.__histoire-render-custom-controls) {
   overflow: auto;
   min-height: 100%;
 }