-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(theme): match tabs style with PF design #139
fix(theme): match tabs style with PF design #139
Conversation
Signed-off-by: Yi Cai <[email protected]>
Changed Packages
|
'& > div > div > button[class*="v5"]': { | ||
alignItems: 'baseline', | ||
textAlign: 'left', | ||
}, | ||
'& > div > div > button > span': { | ||
alignItems: 'baseline', | ||
textAlign: 'left', | ||
}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A small thing we could improve later. You can also use a class selector like this:
'& > div > div > button[class*="v5"]': { | |
alignItems: 'baseline', | |
textAlign: 'left', | |
}, | |
'& > div > div > button > span': { | |
alignItems: 'baseline', | |
textAlign: 'left', | |
}, | |
// MUI v5 | |
'& > div > div > button.v5-MuiTab-root': { | |
alignItems: 'baseline', | |
textAlign: 'left', | |
}, | |
// MUI v4 | |
'& > div > div > button > span': { | |
alignItems: 'baseline', | |
textAlign: 'left', | |
}, |
}, | ||
}, | ||
indicator: { | ||
left: 0, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also if I don't see an issue with the current solution, its better if we could unset right here:
left: 0, | |
left: 0, | |
right: unset, |
Signed-off-by: Yi Cai <[email protected]>
Hey, I just made a Pull Request!
For RHIDP-5176,
✔️ Checklist
Before
After
rhidp_5176_fix.mp4