This commit is contained in:
Lieu Le 2019-09-13 13:35:47 +07:00
parent 73416ceb14
commit b3583f41dc
4 changed files with 20 additions and 11 deletions

View File

@ -1911,12 +1911,11 @@ button.opal-collapse-button {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
line-height: 1; } line-height: 1; }
.form-item--types .group-item .custom-checkbox-label {
z-index: -1; }
.form-item--types .group-item input[type="checkbox"] { .form-item--types .group-item input[type="checkbox"] {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
cursor: pointer; } cursor: pointer;
z-index: 2; }
.form-item--types .group-item input[type="checkbox"]:checked ~ .custom-checkbox-label { .form-item--types .group-item input[type="checkbox"]:checked ~ .custom-checkbox-label {
background-color: #2f73e9; } background-color: #2f73e9; }
.form-item--types .group-item input[type="checkbox"]:checked ~ .custom-checkbox-label::after { .form-item--types .group-item input[type="checkbox"]:checked ~ .custom-checkbox-label::after {
@ -1928,6 +1927,9 @@ button.opal-collapse-button {
float: none; float: none;
width: 100%; } width: 100%; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #2f73e9 !important; }
.more-options-label { .more-options-label {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -1941,9 +1943,10 @@ button.opal-collapse-button {
.more-options-label input[type="checkbox"] { .more-options-label input[type="checkbox"] {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
cursor: pointer; } cursor: pointer;
z-index: 2; }
.more-options-label input[type="checkbox"]:checked ~ .custom-checkbox-label { .more-options-label input[type="checkbox"]:checked ~ .custom-checkbox-label {
background-color: #02ce76; } background-color: #2f73e9; }
.more-options-label input[type="checkbox"]:checked ~ .custom-checkbox-label::after { .more-options-label input[type="checkbox"]:checked ~ .custom-checkbox-label::after {
display: block; } display: block; }
.more-options-label:hover input ~ .custom-checkbox-label { .more-options-label:hover input ~ .custom-checkbox-label {

View File

@ -218,12 +218,13 @@ button.opal-collapse-button{
user-select: none; user-select: none;
line-height: 1; line-height: 1;
.custom-checkbox-label{ .custom-checkbox-label{
z-index: -1; //z-index: -1;
} }
input[type="checkbox"]{ input[type="checkbox"]{
position: absolute; position: absolute;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
z-index: 2;
&:checked ~ .custom-checkbox-label{ &:checked ~ .custom-checkbox-label{
background-color: $primary; background-color: $primary;
&::after{ &::after{
@ -248,6 +249,10 @@ button.opal-collapse-button{
} }
} }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: $primary !important;
}
.more-options-label{ .more-options-label{
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -262,8 +267,9 @@ button.opal-collapse-button{
position: absolute; position: absolute;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
z-index: 2;
&:checked ~ .custom-checkbox-label{ &:checked ~ .custom-checkbox-label{
background-color: $secondary; background-color: $primary;
&::after{ &::after{
display: block; display: block;
} }

View File

@ -245,6 +245,7 @@
position: absolute; position: absolute;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
z-index: 2;
&:checked ~ span.custom-checkbox-label{ &:checked ~ span.custom-checkbox-label{
background-color: $primary; background-color: $primary;
&::after{ &::after{
@ -253,7 +254,7 @@
} }
} }
.custom-checkbox-label{ .custom-checkbox-label{
z-index: -1; //z-index: -1;
} }
} }
} }

View File

@ -287,13 +287,12 @@
.opalestate-submission-tab .cmb2-checkbox-list li input[type="checkbox"] { .opalestate-submission-tab .cmb2-checkbox-list li input[type="checkbox"] {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
cursor: pointer; } cursor: pointer;
z-index: 2; }
.opalestate-submission-tab .cmb2-checkbox-list li input[type="checkbox"]:checked ~ span.custom-checkbox-label { .opalestate-submission-tab .cmb2-checkbox-list li input[type="checkbox"]:checked ~ span.custom-checkbox-label {
background-color: #2f73e9; } background-color: #2f73e9; }
.opalestate-submission-tab .cmb2-checkbox-list li input[type="checkbox"]:checked ~ span.custom-checkbox-label::after { .opalestate-submission-tab .cmb2-checkbox-list li input[type="checkbox"]:checked ~ span.custom-checkbox-label::after {
display: block; } display: block; }
.opalestate-submission-tab .cmb2-checkbox-list li .custom-checkbox-label {
z-index: -1; }
.opalestate-submission-tab button.btn.submission-next-btn { .opalestate-submission-tab button.btn.submission-next-btn {
position: relative; position: relative;