fix(Sidebar): emit proper occupy size for .sidebar-{sm|lg|xl} when the sidebar is narrow

mrholek · mrholek · commit f12f10efe663 · 2024-08-02T18:24:49.000+02:00
diff --git a/scss/sidebar/_sidebar-narrow.scss b/scss/sidebar/_sidebar-narrow.scss
@@ -62,10 +62,10 @@
 .sidebar-narrow {
   @extend %sidebar-narrow;
   &:not(.sidebar-end) ~ * {
-    --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width};
+    --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important
   }
   &.sidebar-end ~ * {
-    --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width};
+    --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important
   }
 
   .nav-link {
@@ -77,10 +77,10 @@
   position: fixed;
 
   &:not(.sidebar-end) ~ * {
-    --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width};
+    --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important
   }
   &.sidebar-end ~ * {
-    --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width};
+    --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important
   }
 
   &:not(:hover) {

Original file line number	Diff line number	Diff line change
`@@ -62,10 +62,10 @@`
`62`	`62`	`.sidebar-narrow {`
`63`	`63`	`@extend %sidebar-narrow;`
`64`	`64`	`&:not(.sidebar-end) ~ * {`
`65`		`- --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width};`
	`65`	`+ --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important`
`66`	`66`	`}`
`67`	`67`	`&.sidebar-end ~ * {`
`68`		`- --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width};`
	`68`	`+ --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important`
`69`	`69`	`}`
`70`	`70`
`71`	`71`	`.nav-link {`
`@@ -77,10 +77,10 @@`
`77`	`77`	`position: fixed;`
`78`	`78`
`79`	`79`	`&:not(.sidebar-end) ~ * {`
`80`		`- --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width};`
	`80`	`+ --#{$prefix}sidebar-occupy-start: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important`
`81`	`81`	`}`
`82`	`82`	`&.sidebar-end ~ * {`
`83`		`- --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width};`
	`83`	`+ --#{$prefix}sidebar-occupy-end: #{$sidebar-narrow-width} !important; // stylelint-disable-line declaration-no-important`
`84`	`84`	`}`
`85`	`85`
`86`	`86`	`&:not(:hover) {`