-
Notifications
You must be signed in to change notification settings - Fork 60
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
IBX-615: As an Editor, I want to see redesigned checkbox and radio buttons in all states #1793
Conversation
…ttons in all states
.ibexa-input { | ||
-webkit-appearance: none; | ||
-moz-appearance: none; | ||
appearance: none; |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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 { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
&:after { | |
&::after { |
ref: https://developer.mozilla.org/en-US/docs/Web/CSS/::after#syntax
|
||
&:active, | ||
&:focus { | ||
border-color: $ibexa-color-primary; |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
cursor: default; | |
cursor: not-allowed; |
Kudos, SonarCloud Quality Gate passed!
|
JIRA ref: https://issues.ibexa.co/browse/IBX-615
https://github.com/ezsystems/date-based-publisher/pull/227
https://github.com/ezsystems/ezcommerce-admin-ui/pull/92
https://github.com/ezsystems/ezcommerce-shop/pull/323
#1793
https://github.com/ezsystems/ezplatform-calendar/pull/76
https://github.com/ezsystems/ezplatform-form-builder/pull/286
ezsystems/ezplatform-matrix-fieldtype#55
https://github.com/ezsystems/ezplatform-page-builder/pull/777
https://github.com/ezsystems/ezplatform-page-fieldtype/pull/189
https://github.com/ezsystems/ezplatform-personalization/pull/212
https://github.com/ezsystems/ezplatform-segmentation/pull/30
https://github.com/ezsystems/ezplatform-site-factory/pull/126