diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html index d5903b6..485c66e 100644 --- a/.storybook/preview-head.html +++ b/.storybook/preview-head.html @@ -3,7 +3,23 @@ padding: 0; } - body:not(.kcBodyClass) { - background-color: #393939; + /* Following styles are just meant to avoid white flash when switching from one story to another */ + @keyframes fadeToTransparent { + from { + background-color: #393939; + } + + to { + background-color: transparent; + } + } + html { + animation: fadeToTransparent 500ms forwards ease-in; + } + body>.sb-preparing-docs { + visibility: hidden; + } + body>.sb-preparing-story { + visibility: hidden; } \ No newline at end of file