Skip to content
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(NcAppSidebarTabs): override tabs styles only tablist navigation #4823

Merged
merged 1 commit into from Nov 15, 2023

Conversation

ShGKme
Copy link
Contributor

@ShGKme ShGKme commented Nov 15, 2023

☑️ Resolves

🖼️ Screenshots

🏚️ Before 🏡 After
image image

🚧 Tasks

  • Override with :deep NcCheckboxRadioSwitch styles only inside tabslist navigation, not inside all the tab, including tab content

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable

@ShGKme ShGKme changed the title fix(NcAppSidebarTabs): override chackbox radio switch only in navigation fix(NcAppSidebarTabs): override checkbox radio switch only in navigation Nov 15, 2023
…bslist nav

Otherwise NcCheckboxRadioSwitch-s in tab content are also overridden

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
@ShGKme ShGKme force-pushed the fix/app-sidebar-tabs--styles-leak branch from ba74d99 to 3ea472b Compare November 15, 2023 10:58
@ShGKme ShGKme self-assigned this Nov 15, 2023
@ShGKme ShGKme added bug Something isn't working 3. to review Waiting for reviews high High priority regression Regression of a previous working feature feature: app-sidebar Related to the app-sidebar component labels Nov 15, 2023
@ShGKme ShGKme added this to the 8.1.1 milestone Nov 15, 2023
@ShGKme ShGKme marked this pull request as ready for review November 15, 2023 11:02
@ShGKme ShGKme removed the high High priority label Nov 15, 2023
@ShGKme ShGKme merged commit 3f7e516 into master Nov 15, 2023
16 checks passed
@ShGKme ShGKme deleted the fix/app-sidebar-tabs--styles-leak branch November 15, 2023 11:19
@ShGKme ShGKme changed the title fix(NcAppSidebarTabs): override checkbox radio switch only in navigation fix(NcAppSidebarTabs): override tabs styles only tablist navigation Nov 15, 2023
Copy link
Contributor

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

}
&.checkbox-radio-switch--checked .checkbox-radio-switch__content{
background: transparent !important;
color: var(--color-main-text) !important;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The correct text color in that case would have been --color-primary-element-text

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would you mind creating a PR for this? 🙏

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done in #4834

margin: 0 !important;
border-bottom: var(--default-grid-baseline) solid transparent !important;
.checkbox-content__icon--checked > * {
color: var(--color-main-text) !important;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

probably same here

@susnux susnux mentioned this pull request Nov 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug Something isn't working feature: app-sidebar Related to the app-sidebar component regression Regression of a previous working feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

NcCheckboxRadioSwitch styles are overridden inside NcAppSidebarTab
6 participants