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

Set logo pointer to default #718

Merged
merged 1 commit into from Mar 6, 2020

Conversation

ibolton336
Copy link
Contributor

Closes #676

@ibolton336 ibolton336 requested a review from a team March 6, 2020 14:36
@@ -0,0 +1,3 @@
.logoPointer {
cursor: default !important;
Copy link
Contributor

@eriknelson eriknelson Mar 6, 2020

Choose a reason for hiding this comment

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

Not great we need to use !important to override these PF styles. Can we file an issue upstream and get to the bottom of why this is necessary?

I think we need to do that before this gets out of control

Copy link
Collaborator

@mturley mturley Mar 12, 2020

Choose a reason for hiding this comment

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

On my end when I remove !important from this it still gets applied just fine. But otherwise the solution here would be to add more specificity to the selector. The cursor: pointer style is being inherited from .pf-c-page__header-brand-link so we could use .pf-c-page__header-brand-link .logoPointer to be safe.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Oh, weird... with this style of SCSS import I'm not sure how you can even use external (non-compiled) classes in your selectors.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Got it, there's a :global() syntax for that: #739

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@mturley The !important statements in ResultsStep.module.scss are what started my use of !important on all styles relating to patternfly. The .styledCard & .centerCard styles were working locally but were being overridden in the production image.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

css_important

@eriknelson eriknelson merged commit cefe6a8 into migtools:master Mar 6, 2020
@ibolton336 ibolton336 deleted the override-pointer branch July 15, 2020 14:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Logo is styled to appear "clickable" but does nothing
3 participants