Hide some items in the toolbar

Author: garronej

.storybook/DocsContainer.js

@@ -43,6 +43,7 @@ export const DocsContainer = ({ children, context }) => {
                 .docblock-argstable-head th:nth-child(3), .docblock-argstable-body tr > td:nth-child(3) {
                     visibility: collapse;
                 }
+
             `}</style>
             <BaseContainer
                 context={{

.storybook/manager-head.html

@@ -9,6 +9,11 @@
 		display: none;
 	}
 
+	[id^="hidden"],
+  		[data-parent-id^="hidden"] {
+		display: none !important;
+  	}
+
 	@font-face {
 		font-family: Marianne;
 		src: url("fonts/Marianne-Light.woff2") format("woff2"), url("fonts/Marianne-Light.woff") format("woff");

docs/intro.stories.mdx

@@ -1,7 +1,19 @@
 import { Meta } from "@storybook/addon-docs";
 import { useDarkMode } from "storybook-dark-mode";
 
-<Meta title="Guides/🇫🇷 Introduction" />
+<Meta
+    title="Guides/🇫🇷 Introduction" 
+    parameters={{
+        "viewMode": "docs",
+        "previewTabs": {
+            "canvas": { "hidden": true },
+            "zoom": { "hidden": true },
+            "storybook/background": { "hidden": true },
+            "storybook/viewport": { "hidden": true },
+        },
+    }}
+/>
+
 
 <div style={{ "margin": "0 auto", "maxWidth": "600px", "textAlign": "center" }}>
     <img src="repo-card.png" />  

docs/quick-start.stories.mdx

@@ -3,7 +3,18 @@ import { Alert } from "../dist/Alert";
 import ReactMarkdown from "react-markdown";
 
 
-<Meta title="Guides/🔧 Initial setup" />
+<Meta 
+	title="Guides/🔧 Initial setup" 
+    parameters={{
+        "viewMode": "docs",
+        "previewTabs": {
+            "canvas": { "hidden": true },
+            "zoom": { "hidden": true },
+            "storybook/background": { "hidden": true },
+            "storybook/viewport": { "hidden": true },
+        },
+    }}
+/>
 
 
 # 🔧 Initial setup