fix button border css

tiltX · web-flow · commit ad64f22b6ef6 · 2025-05-08T23:12:39.000+02:00
Firefox (128 esr on Linux) displayed a solid black border around all buttons inside the popup which makes it impossible to see which button was pressed. This change makes the outset/inset look work as it probably was intended.
diff --git a/lib/styles/screen.css b/lib/styles/screen.css
@@ -71,7 +71,8 @@ div.notify {
 /* media manager popup toggle buttons */
 
 #media__popup_content button.button {
-    border: 1px outset;
+    border-width: 1px;
+    border-style: outset;
 }
 
 #media__popup_content button.selected {

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,8 @@ div.notify {`
`71`	`71`	`/* media manager popup toggle buttons */`
`72`	`72`
`73`	`73`	`#media__popup_content button.button {`
`74`		`- border: 1px outset;`
	`74`	`+ border-width: 1px;`
	`75`	`+ border-style: outset;`
`75`	`76`	`}`
`76`	`77`
`77`	`78`	`#media__popup_content button.selected {`