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 Borders in Outlined Button Group in textanswers view #2085

Merged

Conversation

fekoch
Copy link
Collaborator

@fekoch fekoch commented Dec 4, 2023

Fixes double borders referenced here.

This needs the :has() pseudoselector, which will be supported in the next firefox release 121 (planned release date: 2023-12-19)

grafik

Copy link
Member

@richardebeling richardebeling left a comment

Choose a reason for hiding this comment

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

Code looks good to me, will have to test with firefox once 121 is released.

evap/static/scss/components/_button-group.scss Outdated Show resolved Hide resolved
@janno42 janno42 marked this pull request as ready for review January 8, 2024 18:57
@fekoch fekoch force-pushed the i1945/fix-button-group-border-2 branch 2 times, most recently from c34c4ab to 2f27865 Compare January 22, 2024 18:05
@fekoch
Copy link
Collaborator Author

fekoch commented Jan 22, 2024

@richardebeling I tried it using the new firefox and could not reproduce the issue anymore.

Copy link
Member

@janno42 janno42 left a comment

Choose a reason for hiding this comment

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

Beautiful :)

@niklasmohrin
Copy link
Member

Just so we are on the same page: This is just a special case of #1945, right? Otherwise, we should link the PR and issue

Copy link
Member

@niklasmohrin niklasmohrin left a comment

Choose a reason for hiding this comment

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

The scss is very long, I still have questions :D

evap/static/scss/_adjustments.scss Outdated Show resolved Hide resolved
evap/static/scss/_adjustments.scss Outdated Show resolved Hide resolved
@fekoch fekoch force-pushed the i1945/fix-button-group-border-2 branch 2 times, most recently from 6b8fd89 to 9769815 Compare January 29, 2024 17:05
@fekoch
Copy link
Collaborator Author

fekoch commented Jan 29, 2024

@niklasmohrin I removed all unused CSS selectors.

I also checked again, if the issue still occurs on main and I could still verify that there are double borders that happen on main but not on this branch.

@niklasmohrin niklasmohrin requested a review from janno42 January 29, 2024 18:58
@niklasmohrin
Copy link
Member

@janno42 Can you confirm that this closes everything from #1945?

@niklasmohrin niklasmohrin linked an issue Jan 29, 2024 that may be closed by this pull request
This class replaces bootstraps default strategy of using negative margins to hide double borders with specific css-selectors that hide and show specific borders.
@fekoch fekoch force-pushed the i1945/fix-button-group-border-2 branch from 9769815 to baa7fcc Compare February 5, 2024 16:37
Copy link
Member

@janno42 janno42 left a comment

Choose a reason for hiding this comment

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

works for me and i'd say we can close #1945 then

@richardebeling richardebeling merged commit aee330f into e-valuation:main Feb 12, 2024
12 checks passed
@fekoch fekoch deleted the i1945/fix-button-group-border-2 branch February 12, 2024 17:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

Fix button group borders
4 participants