Improve favorite star focus outline contrast

dpwatrous · gingi · commit 21f1d84b37ff · 2023-11-09T12:53:06.000-05:00
Fixes AB#1097
diff --git a/desktop/src/@batch-flask/ui/quick-list/quick-list-row-render/quick-list-row-render.scss b/desktop/src/@batch-flask/ui/quick-list/quick-list-row-render/quick-list-row-render.scss
@@ -73,7 +73,7 @@ bl-quick-list-row-render {
         padding: 5px;
 
         i {
-            padding-left: 4px;
+            padding: 2px;
         }
 
         .fa-hourglass-half {
@@ -123,7 +123,6 @@ bl-quick-list-row-render {
     .quick-list-details {
         flex: 1 1 auto;
         overflow: hidden;
-        padding: 3px;
         text-overflow: ellipsis;
         min-width: 0;
 
@@ -144,6 +143,10 @@ bl-quick-list-row-render {
 
         }
     }
+
+    .focus-outline.focus-visible {
+        outline-color: $card-background;
+    }
 }
 
 @media (forced-colors: active) {

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ bl-quick-list-row-render {`
`73`	`73`	`padding: 5px;`
`74`	`74`
`75`	`75`	`i {`
`76`		`- padding-left: 4px;`
	`76`	`+ padding: 2px;`
`77`	`77`	`}`
`78`	`78`
`79`	`79`	`.fa-hourglass-half {`
`@@ -123,7 +123,6 @@ bl-quick-list-row-render {`
`123`	`123`	`.quick-list-details {`
`124`	`124`	`flex: 1 1 auto;`
`125`	`125`	`overflow: hidden;`
`126`		`- padding: 3px;`
`127`	`126`	`text-overflow: ellipsis;`
`128`	`127`	`min-width: 0;`
`129`	`128`
`@@ -144,6 +143,10 @@ bl-quick-list-row-render {`
`144`	`143`
`145`	`144`	`}`
`146`	`145`	`}`
	`146`	`+`
	`147`	`+ .focus-outline.focus-visible {`
	`148`	`+ outline-color: $card-background;`
	`149`	`+ }`
`147`	`150`	`}`
`148`	`151`
`149`	`152`	`@media (forced-colors: active) {`