fix: icon color active style (#7656)

fix PD-1500
This commit is contained in:
pengx17
2024-07-30 11:51:17 +00:00
parent d80c80ecdd
commit ea7066d02c
@@ -66,7 +66,7 @@ export const tab = style({
boxShadow: cssVar('shadow1'), boxShadow: cssVar('shadow1'),
}, },
'&[data-pinned="false"]': { '&[data-pinned="false"]': {
paddingRight: 20, paddingRight: 8,
}, },
'&[data-pinned="true"]': { '&[data-pinned="true"]': {
flexShrink: 0, flexShrink: 0,
@@ -84,6 +84,9 @@ export const splitViewLabel = style({
alignItems: 'center', alignItems: 'center',
maxWidth: 180, maxWidth: 180,
cursor: 'default', cursor: 'default',
':last-of-type': {
paddingRight: 0,
},
}); });
export const splitViewLabelText = style({ export const splitViewLabelText = style({
@@ -121,7 +124,7 @@ export const labelIcon = style([
fontSize: 16, fontSize: 16,
flexShrink: 0, flexShrink: 0,
selectors: { selectors: {
[`${tab}[data-active=true] &`]: { [`${splitViewLabel}[data-active=true] &`]: {
color: cssVar('primaryColor'), color: cssVar('primaryColor'),
}, },
[`${splitViewLabel}[data-active=false]:hover &`]: { [`${splitViewLabel}[data-active=false]:hover &`]: {