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

feat(RadioButton): redesign to increase contrast in component #1742

Merged
merged 6 commits into from
Nov 1, 2024

Conversation

benax-se
Copy link
Contributor

Closes #1732

@gravity-ui-bot
Copy link
Contributor

Preview is ready.

@gravity-ui-bot
Copy link
Contributor

Visual Tests Report is ready.

z-index: -1;
inset: 3px;
border-radius: var(--_--border-radius-inner);
z-index: -2;
Copy link
Contributor

Choose a reason for hiding this comment

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

In which case is z-index: -1 not sufficient?

Copy link
Contributor Author

@benax-se benax-se Aug 21, 2024

Choose a reason for hiding this comment

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

I forgot to return it back to -1 after testing different layout options.
Fixed it

@benax-se benax-se force-pushed the feat/radio-button-increase-contrast-redesign branch from 7bf7b69 to 2c3848e Compare August 21, 2024 15:10
@amje
Copy link
Contributor

amje commented Oct 29, 2024

This PR might be fixing the issue #1923

@ogonkov
Copy link
Contributor

ogonkov commented Oct 29, 2024

@amje looks like this PR could soulve this problem, yes, is there eta when this PR could be merged?


&-outline {
&::before {
Copy link
Contributor

Choose a reason for hiding this comment

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

What is the reason to use pseudo-elements? Why just don't change border and of element itself?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Because on the touching sides of the buttons it will cause double border, which is visible while using semitransparent colors (they are used in base theme)
Also there were bunch of problems with overflow state (can not remember details of it now)

@benax-se benax-se changed the base branch from main to next November 1, 2024 14:11
@benax-se benax-se merged commit 43b9d63 into next Nov 1, 2024
6 checks passed
@benax-se benax-se deleted the feat/radio-button-increase-contrast-redesign branch November 1, 2024 14:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

More contrast look of RadioButton
5 participants