Fix sidebar position (#88)

aminought · web-flow · commit 247d2b30987c · 2025-03-12T22:25:52.000+03:00
diff --git a/src/second_sidebar/css/sidebar_box.mjs b/src/second_sidebar/css/sidebar_box.mjs
@@ -30,27 +30,27 @@ export const SIDEBAR_BOX_CSS = `
 
   #browser:has(#sb2[pinned="true"][position="right"]) {
     #sb2-box {
-      order: 16;
+      order: 16 !important;
       padding-inline-start: var(--space-small);
       padding-inline-end: 1px;
     }
 
     #sb2-splitter-pinned {
-      order: 15;
+      order: 15 !important;
       margin-inline-start: unset;
       margin-inline-end: calc(-1 * var(--splitter-width));
     }
   }
 
   #browser:has(#sb2[pinned="true"][position="left"]) {
     #sb2-box {
-      order: -2;
+      order: -2 !important;
       padding-inline-start: 1px;
       padding-inline-end: var(--space-small);
     }
 
     #sb2-splitter-pinned {
-      order: -1;
+      order: -1 !important;
       margin-inline-start: calc(-1 * var(--splitter-width));
       margin-inline-end: unset;
     }
diff --git a/src/second_sidebar/css/sidebar_main.mjs b/src/second_sidebar/css/sidebar_main.mjs
@@ -54,11 +54,11 @@ export const SIDEBAR_MAIN_CSS = `
   }
 
   #browser:has(#sb2[position="right"]) #sb2-main {
-    order: 17;
+    order: 17 !important;
   }
 
   #browser:has(#sb2[position="left"]) #sb2-main {
-    order: -3;
+    order: -3 !important;
   }
 
   .sb2-main-button {

Original file line number	Diff line number	Diff line change
@@ -30,27 +30,27 @@ export const SIDEBAR_BOX_CSS = `
`30`	`30`
`31`	`31`	`#browser:has(#sb2[pinned="true"][position="right"]) {`
`32`	`32`	`#sb2-box {`
`33`		`- order: 16;`
	`33`	`+ order: 16 !important;`
`34`	`34`	`padding-inline-start: var(--space-small);`
`35`	`35`	`padding-inline-end: 1px;`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`#sb2-splitter-pinned {`
`39`		`- order: 15;`
	`39`	`+ order: 15 !important;`
`40`	`40`	`margin-inline-start: unset;`
`41`	`41`	`margin-inline-end: calc(-1 * var(--splitter-width));`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`#browser:has(#sb2[pinned="true"][position="left"]) {`
`46`	`46`	`#sb2-box {`
`47`		`- order: -2;`
	`47`	`+ order: -2 !important;`
`48`	`48`	`padding-inline-start: 1px;`
`49`	`49`	`padding-inline-end: var(--space-small);`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`#sb2-splitter-pinned {`
`53`		`- order: -1;`
	`53`	`+ order: -1 !important;`
`54`	`54`	`margin-inline-start: calc(-1 * var(--splitter-width));`
`55`	`55`	`margin-inline-end: unset;`
`56`	`56`	`}`
Original file line number	Diff line number	Diff line change
@@ -54,11 +54,11 @@ export const SIDEBAR_MAIN_CSS = `
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`#browser:has(#sb2[position="right"]) #sb2-main {`
`57`		`- order: 17;`
	`57`	`+ order: 17 !important;`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`#browser:has(#sb2[position="left"]) #sb2-main {`
`61`		`- order: -3;`
	`61`	`+ order: -3 !important;`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`.sb2-main-button {`