-
Notifications
You must be signed in to change notification settings - Fork 9
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
refactor(storybook): use new stylesheet for storybook #991
Conversation
- sidebar item background - toolbar selected icon
.os-content .sidebar-subheading { | ||
/* Title Small */ | ||
letter-spacing: 0.02px; | ||
font-weight: 600; | ||
color: #CBD0E0; /* n-6 */ | ||
color: var(--inovex-elements-n-3); |
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.
@@ -70,56 +73,71 @@ | |||
transition: 0.15s ease-in-out; | |||
} | |||
|
|||
.os-content .sidebar-item button[data-selected="true"] { | |||
background-color: rgb(var(--inovex-elements-n-3)) !important; |
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.
Overriding styles with !important
is always risky. It makes it difficult to override this style at a later point. Is there really no way to reach higher rule specifity with css selectors / import ordering?
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.
Looks good overall, just needs a minor readability fix and perhaps another change.
- for readability - styling for toolbar buttons
Closes #965
Proposed Changes