web/table: align row action icons and tooltip color (#19736)

dominic-r · web-flow · commit 9116c2798be5 · 2026-01-26T15:44:29.000-05:00
Overview: Normalize row-action icon padding and inherit icon color through tooltips to avoid misalignment and false "active" styling on the Tokens page. Testing: Replicate linked issue Motivation: Fix minor visual inconsistencies in action icons. Closes #19315
diff --git a/web/src/elements/table/Table.css b/web/src/elements/table/Table.css
@@ -37,8 +37,7 @@ td:has(ak-rbac-object-permission-modal) {
     }
 
     button[slot="trigger"]:has(i) {
-        padding-inline-start: 0 !important;
-        padding-inline-end: 0.25em !important;
+        padding-inline: 0.5em !important;
     }
 
     *::part(spinner-button) {
@@ -49,6 +48,10 @@ td:has(ak-rbac-object-permission-modal) {
         margin-inline-start: 0.25em;
     }
 
+    pf-tooltip {
+        color: inherit;
+    }
+
     & > * {
         display: inline-flex;
         place-items: center;

Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,7 @@ td:has(ak-rbac-object-permission-modal) {`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`button[slot="trigger"]:has(i) {`
`40`		`- padding-inline-start: 0 !important;`
`41`		`- padding-inline-end: 0.25em !important;`
	`40`	`+ padding-inline: 0.5em !important;`
`42`	`41`	`}`
`43`	`42`
`44`	`43`	`*::part(spinner-button) {`
`@@ -49,6 +48,10 @@ td:has(ak-rbac-object-permission-modal) {`
`49`	`48`	`margin-inline-start: 0.25em;`
`50`	`49`	`}`
`51`	`50`
	`51`	`+ pf-tooltip {`
	`52`	`+ color: inherit;`
	`53`	`+ }`
	`54`	`+`
`52`	`55`	`& > * {`
`53`	`56`	`display: inline-flex;`
`54`	`57`	`place-items: center;`