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

IBX-615: As an Editor, I want to see redesigned checkbox and radio buttons in all states #1793

Conversation

.ibexa-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
Copy link
Member

Choose a reason for hiding this comment

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

not sure if this should be on all inputs or just checkbox/radio

-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
outline: none;
transition: all 0.2s $ibexa-admin-transition;
Copy link
Contributor

Choose a reason for hiding this comment

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

$ibexa-admin-transition-duration


&:hover {
border-color: $ibexa-color-primary;
cursor: pointer;
Copy link
Contributor

Choose a reason for hiding this comment

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

Not every input should have cursor: pointer


&:active,
&:focus {
&:after {
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
&:after {
&::after {

ref: https://developer.mozilla.org/en-US/docs/Web/CSS/::after#syntax


&:active,
&:focus {
border-color: $ibexa-color-primary;
Copy link
Contributor

Choose a reason for hiding this comment

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

Not all active inputs have this border colour. Actually, not sure if any? Checkboxes do not have :active state, do they?


&:disabled {
opacity: 0.3;
cursor: default;
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
cursor: default;
cursor: not-allowed;

Michał Grabowski added 2 commits July 7, 2021 10:40
@GrabowskiM GrabowskiM requested a review from tischsoic July 7, 2021 08:41
@sonarcloud
Copy link

sonarcloud bot commented Jul 7, 2021

Kudos, SonarCloud Quality Gate passed!

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@dew326 dew326 merged commit 1c458f9 into master Jul 7, 2021
@dew326 dew326 deleted the IBX-615-as-an-editor-i-want-to-see-redesigned-checkbox-and-radio-buttons-in-all-states branch July 7, 2021 11:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
4 participants