style: increase sidebar width to avoid items overflowing (#879)

Lukas Nys · Lukas Nys · commit 7fc78bd7dba3 · 2023-09-02T14:31:40.000+02:00
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -26,6 +26,10 @@ main a.edit-icon {
   background: none;
 }
 
+.sidebar-container {
+  --sidebar-width: min-content;
+}
+
 .es-sidebar-content .table-of-contents:first-child {
   margin-block-start: 0;
 }
@@ -91,7 +95,7 @@ li.toc-heading:first-child {
     padding: 0 var(--spacing-4);
     justify-content: start;
   }
-  
+
   .es-sidebar {
     padding: var(--spacing-4);
     background-color: var(--color-gray-200);

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,10 @@ main a.edit-icon {`
`26`	`26`	`background: none;`
`27`	`27`	`}`
`28`	`28`
	`29`	`+.sidebar-container {`
	`30`	`+ --sidebar-width: min-content;`
	`31`	`+}`
	`32`	`+`
`29`	`33`	`.es-sidebar-content .table-of-contents:first-child {`
`30`	`34`	`margin-block-start: 0;`
`31`	`35`	`}`
`@@ -91,7 +95,7 @@ li.toc-heading:first-child {`
`91`	`95`	`padding: 0 var(--spacing-4);`
`92`	`96`	`justify-content: start;`
`93`	`97`	`}`
`94`		`-`
	`98`	`+`
`95`	`99`	`.es-sidebar {`
`96`	`100`	`padding: var(--spacing-4);`
`97`	`101`	`background-color: var(--color-gray-200);`