fix buttons last button border with hidden last child

silverwind · silverwind · commit b867329e5256 · 2024-03-23T16:00:56.000+01:00
diff --git a/web_src/css/modules/button.css b/web_src/css/modules/button.css
@@ -61,11 +61,13 @@ It needs some tricks to tweak the left/right borders with active state */
   border-right: none;
 }
 
-.ui.buttons .button:first-child {
+.ui.buttons .button:first-child,
+.ui.buttons .button.gt-hidden:first-child + .button {
   border-left: 1px solid var(--color-light-border);
 }
 
-.ui.buttons .button:last-child {
+.ui.buttons .button:last-child,
+.ui.buttons .button:nth-last-child(2):has(+ .button.gt-hidden) {
   border-right: 1px solid var(--color-light-border);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -61,11 +61,13 @@ It needs some tricks to tweak the left/right borders with active state */`
`61`	`61`	`border-right: none;`
`62`	`62`	`}`
`63`	`63`
`64`		`-.ui.buttons .button:first-child {`
	`64`	`+.ui.buttons .button:first-child,`
	`65`	`+.ui.buttons .button.gt-hidden:first-child + .button {`
`65`	`66`	`border-left: 1px solid var(--color-light-border);`
`66`	`67`	`}`
`67`	`68`
`68`		`-.ui.buttons .button:last-child {`
	`69`	`+.ui.buttons .button:last-child,`
	`70`	`+.ui.buttons .button:nth-last-child(2):has(+ .button.gt-hidden) {`
`69`	`71`	`border-right: 1px solid var(--color-light-border);`
`70`	`72`	`}`
`71`	`73`