Show border of faviconized correctly on RTL environment #3689

piroor · piroor · commit e10519839db4 · 2025-01-06T19:13:40.000+09:00
diff --git a/webextensions/sidebar/styles/photon/base.css b/webextensions/sidebar/styles/photon/base.css
@@ -22,9 +22,12 @@ tab-item,
   margin-block-end: -1px;
 }
 
-tab-item.pinned tab-item-substance {
+:root:not(.rtl) tab-item.pinned tab-item-substance {
   border-width: 0 1px 1px 0;
 }
+:root.rtl tab-item.pinned tab-item-substance {
+  border-width: 0 0 1px 1px;
+}
 
 
 .after-tabs button,

Original file line number	Diff line number	Diff line change
`@@ -22,9 +22,12 @@ tab-item,`
`22`	`22`	`margin-block-end: -1px;`
`23`	`23`	`}`
`24`	`24`
`25`		`-tab-item.pinned tab-item-substance {`
	`25`	`+:root:not(.rtl) tab-item.pinned tab-item-substance {`
`26`	`26`	`border-width: 0 1px 1px 0;`
`27`	`27`	`}`
	`28`	`+:root.rtl tab-item.pinned tab-item-substance {`
	`29`	`+ border-width: 0 0 1px 1px;`
	`30`	`+}`
`28`	`31`
`29`	`32`
`30`	`33`	`.after-tabs button,`