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

Some styles specific to the "Add another" component are over-written by generic styles #4548

Open
davidtrussler opened this issue Jan 14, 2025 · 0 comments

Comments

@davidtrussler
Copy link
Contributor

When the Add another component is rendered in an app some styles can become over-written by more generic styles in use on the page on which it appears. A specific example of this is shown in the screenshots below, which also shows a temporary solution. Affected in this example is the "Delete" button.

The cause of this is that if the stylesheets are loaded in the expected order (alphabetical) then the styles for the component are loaded before those of the "Button" component which therefore take precedence and has the effect of eliminating the top margin value for the "Delete" button.

The solution would probably be to wrap the selector for this element with a reference to its parent element so that it has greater specificity.

Correct layout Faulty layout
Image Image
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

No branches or pull requests

1 participant