Egalware/cms_thermo_active
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix checkbox view state equipment depot

Browse Source
This commit is contained in:
Alessandro Francia
2018-06-29 08:25:53 +02:00
parent 5743bce4bf
commit 768c3a67d5
2 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Step/wwwroot/assets/styles/base/depot.less
+15 -7
View File
@@ -315,16 +315,16 @@
.depot-checkbox label {
cursor: pointer;
position: absolute;
width: 24px;
height: 24px;
width: 22px;
height: 22px;
top: 0;
left: 0;
background: #fff;
border: 1px solid @color-clear-blue;
background-color: @color-white2;
box-shadow: inset 0 1px 3px @color-black-50;
border-radius: 2px;
}
.depot-checkbox label:after {
opacity: 0.2;
opacity: 0;
content: '';
position: absolute;
width: 16px;
@@ -337,8 +337,16 @@
border-right: none;
transform: rotate(-48deg);
}
.depot-checkbox label:hover::after {
opacity: 0.5;
.depot-checkbox input[type=checkbox]:checked+label{
cursor: pointer;
position: absolute;
width: 22px;
height: 22px;
top: 0;
left: 0;
background-color: @color-white2;
border: solid 1px @color-clear-blue;
border-radius: 2px;
}
.depot-checkbox input[type=checkbox]:checked+label:after {
opacity: 1;
Step/wwwroot/assets/styles/style.css
+15 -7
View File
@@ -4246,16 +4246,16 @@ footer .container button.big:before {
.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label {
cursor: pointer;
position: absolute;
width: 24px;
height: 24px;
width: 22px;
height: 22px;
top: 0;
left: 0;
background: #fff;
border: 1px solid #1791ff;
background-color: #f1f1f1;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 2px;
}
.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label:after {
opacity: 0.2;
opacity: 0;
content: '';
position: absolute;
width: 16px;
@@ -4268,8 +4268,16 @@ footer .container button.big:before {
border-right: none;
transform: rotate(-48deg);
}
.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label:hover::after {
opacity: 0.5;
.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox input[type=checkbox]:checked + label {
cursor: pointer;
position: absolute;
width: 22px;
height: 22px;
top: 0;
left: 0;
background-color: #f1f1f1;
border: solid 1px #1791ff;
border-radius: 2px;
}
.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox input[type=checkbox]:checked + label:after {
opacity: 1;