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.

Sign up for GitHub

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

Jump to bottom

Selector specificity breaks UI #107

Closed
blackfalcon opened this issue Oct 14, 2021 · 0 comments · Fixed by #108
Closed

Selector specificity breaks UI #107

blackfalcon opened this issue Oct 14, 2021 · 0 comments · Fixed by #108
Assignees
@blackfalcon
Labels
Status: Work In Progress Issue or Pull Request work is in Progress Type: Bug Bug or Bug fixes

Comments

@blackfalcon
Copy link
Member

Describe the bug

Due to selector specificity of a third-party UI, the spacing between a pre element and other content is not correct.

To Reproduce

Steps to reproduce the behavior:

  1. Go to http://auro.alaskaair.com/components/auro/accordion/install
  2. Look where it says $ npm i @alaskaairux/auro-accordion
  3. Notice lack of space between pre and the following content

Expected behavior

Correct spacing.

Screenshots

Screen Shot 2021-10-14 at 10 56 35 AM
@blackfalcon blackfalcon added Type: Bug Bug or Bug fixes Status: Work In Progress Issue or Pull Request work is in Progress labels Oct 14, 2021
@blackfalcon blackfalcon self-assigned this Oct 14, 2021
blackfalcon added a commit that referenced this issue Oct 14, 2021
@blackfalcon
fix: add \!important flag to address margin specificity #107
9954f76
@blackfalcon blackfalcon mentioned this issue Oct 14, 2021
Merged
6 tasks
@blackfalcon blackfalcon linked a pull request Oct 15, 2021 that will close this issue
Address spacing with common CSS resource #108
Merged
6 tasks
blackfalcon added a commit that referenced this issue Oct 15, 2021
@blackfalcon
fix: add \!important flag to address margin specificity #107
7f7e023
AuroDesignSystem pushed a commit that referenced this issue Oct 15, 2021
@semantic-release-bot
chore(release): 3.7.1 [skip ci]
00087e5 
## [3.7.1](v3.7.0...v3.7.1) (2021-10-15)

### Bug Fixes

* add \!important flag to address margin specificity [#107](#107) ([7f7e023](7f7e023))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@blackfalcon blackfalcon

Labels
Status: Work In Progress Issue or Pull Request work is in Progress Type: Bug Bug or Bug fixes
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Address spacing with common CSS resource AlaskaAirlines/WebCoreStyleSheets
1 participant
@blackfalcon