use opacity instead of brightness for ruleid

KianNH · KianNH · commit 9cfaa1c0d53f · 2025-01-17T19:24:53.000Z
diff --git a/src/components/RuleID.astro b/src/components/RuleID.astro
@@ -22,15 +22,17 @@ const { id } = props.parse(Astro.props);
 
 <style>
 	button {
-		transition: all 100ms ease;
+		transition: opacity 100ms ease;
+
+		opacity: 0.5;
 
 		&:hover {
 			cursor: copy;
-			filter: brightness(1.5);
+			opacity: 0.75;
 		}
 
 		&:active {
-			filter: brightness(1.75);
+			opacity: 1;
 		}
 	}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -22,15 +22,17 @@ const { id } = props.parse(Astro.props);`
`22`	`22`
`23`	`23`	`<style>`
`24`	`24`	`button {`
`25`		`- transition: all 100ms ease;`
	`25`	`+ transition: opacity 100ms ease;`
	`26`	`+`
	`27`	`+ opacity: 0.5;`
`26`	`28`
`27`	`29`	`&:hover {`
`28`	`30`	`cursor: copy;`
`29`		`- filter: brightness(1.5);`
	`31`	`+ opacity: 0.75;`
`30`	`32`	`}`
`31`	`33`
`32`	`34`	`&:active {`
`33`		`- filter: brightness(1.75);`
	`35`	`+ opacity: 1;`
`34`	`36`	`}`
`35`	`37`	`}`
`36`	`38`	`</style>`