Skip to content
Snippets Groups Projects
Commit d3c84eb2 authored by Sakthi M's avatar Sakthi M Committed by Andrey Troeglazov
Browse files

Issue #2905351 by Sakthivel M, malagaonrails, bandanasharma,...

Issue #2905351 by Sakthivel M, malagaonrails, bandanasharma, andrey.troeglazov, aleanna: Improve checkbox & radio styles compatibility
parent c09d81d8
No related branches found
No related tags found
1 merge request!10Auto complete Hover style changes
......@@ -551,95 +551,108 @@ body.adminimal {
border: none;
}
/* Style checkbox and radio buttons in Chrome + Safari + Opera */
@supports (-webkit-appearance:none) {
input[type=checkbox],
input[type=radio],
input[type=checkbox]#edit-delete {
-webkit-appearance:none;
display: inline-block;
position: relative;
top: 3px;
margin-right: 0.25em;
padding: 0;
background: #fff;
border: 1px solid #B5B5B5;
width: 16px !important;
height: 16px !important;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: background 0.5s ease;
outline: none;
}
/* Style checkbox and radio buttons */
input[type=checkbox],
input[type=radio],
input[type=checkbox]#edit-delete {
display: inline-block;
position: relative;
top: 3px;
margin-right: 0.25em;
padding: 0;
background: #fff;
border: 1px solid #B5B5B5;
width: 16px !important;
height: 16px !important;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: background 0.5s ease;
outline: none;
}
.adminimal-theme .location .form-item input.form-checkbox {
width: 16px;
display: inline-block;
}
.adminimal-theme .location .form-item input.form-checkbox {
width: 16px;
display: inline-block;
}
input[type=checkbox]#edit-delete {
margin-bottom: 0;
}
input[type=checkbox]#edit-delete {
margin-bottom: 0;
}
input[type=radio] {
border-radius: 50%;
}
input[type=radio] {
border-radius: 50%;
}
input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
border-color: #0074BD;
cursor: pointer;
}
input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
border-color: #0074BD;
cursor: pointer;
}
input[type=checkbox]#edit-delete:hover,
input[type=checkbox]#edit-delete:focus {
border-color: #D01616;
cursor: pointer;
}
input[type=checkbox]#edit-delete:hover,
input[type=checkbox]#edit-delete:focus {
border-color: #D01616;
cursor: pointer;
}
input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=checkbox].error:checked,
input[type=checkbox].error:focus:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked,
input[type=radio].error:checked,
input[type=radio].error:focus:checked {
background: #0074BD;
box-shadow: inset 0px 0px 0px 3px #fff;
}
input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=checkbox].error:checked,
input[type=checkbox].error:focus:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked,
input[type=radio].error:checked,
input[type=radio].error:focus:checked {
background: #0074BD;
box-shadow: inset 0px 0px 0px 3px #fff;
}
input[type=checkbox]#edit-delete:checked,
input[type=checkbox]#edit-delete:disabled:checked {
background: #D01616;
box-shadow: inset 0px 0px 0px 3px #fff;
}
input[type=checkbox]#edit-delete:checked,
input[type=checkbox]#edit-delete:disabled:checked {
background: #D01616;
box-shadow: inset 0px 0px 0px 3px #fff;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
opacity: .5;
background: #E2E2E2;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
opacity: .5;
background: #E2E2E2;
}
input[type=checkbox]#edit-delete:disabled {
opacity: .5;
background: #E88181;
}
input[type=checkbox]#edit-delete:disabled {
opacity: .5;
background: #E88181;
}
input[type=checkbox]:disabled:hover {
border-color: #B5B5B5;
cursor: default;
}
input[type=checkbox]:disabled:hover {
border-color: #B5B5B5;
cursor: default;
}
input[type=checkbox]:disabled:hover,
input[type=radio]:disabled:hover {
border-color: #B5B5B5;
cursor: default;
}
input[type=checkbox]:disabled:hover,
input[type=radio]:disabled:hover {
border-color: #B5B5B5;
cursor: default;
/*cursor: not-allowed;*/
/* in Chrome + Safari + Opera + Mozilla */
@supports (-webkit-appearance:none) {
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]#edit-delete {
-webkit-appearance: none;
}
}
/* in Mozilla */
@supports (-moz-appearance:none) {
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]#edit-delete {
-moz-appearance:none;
}
}
.adminimal .dropbutton-single .dropbutton-action a {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment