mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-22 07:18:41 +00:00
Fix advanced input bugs
This commit is contained in:
parent
1ddc980162
commit
5689734940
|
|
@ -88,7 +88,8 @@ input[type="datetime-local"] {
|
|||
|
||||
input ~ .dropdown {
|
||||
position: absolute;
|
||||
display: none; }
|
||||
display: none;
|
||||
z-index: 3; }
|
||||
|
||||
input:focus ~ .dropdown, input ~ .dropdown.active {
|
||||
display: inline-block; }
|
||||
|
|
|
|||
|
|
@ -46,6 +46,7 @@ input[type="datetime-local"] {
|
|||
input ~ .dropdown {
|
||||
position: absolute;
|
||||
display: none;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
input:focus ~ .dropdown, input ~ .dropdown.active {
|
||||
|
|
|
|||
|
|
@ -59,19 +59,17 @@
|
|||
background-position: 0 0; }
|
||||
100% {
|
||||
background-position: 50px 50px; } }
|
||||
.orange > span {
|
||||
.meter.orange > span {
|
||||
background-color: #f1a165;
|
||||
background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
|
||||
background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
|
||||
|
||||
.blue > span {
|
||||
.meter.blue > span {
|
||||
background-color: #96c2f1;
|
||||
background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
|
||||
background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
|
||||
|
||||
.red > span {
|
||||
.meter.red > span {
|
||||
background-color: #f0a3a3;
|
||||
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
|
||||
|
|
|
|||
|
|
@ -62,26 +62,27 @@
|
|||
}
|
||||
}
|
||||
|
||||
.orange > span {
|
||||
background-color: #f1a165;
|
||||
background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
|
||||
background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
|
||||
}
|
||||
.meter {
|
||||
&.orange > span {
|
||||
background-color: #f1a165;
|
||||
background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
|
||||
background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
|
||||
}
|
||||
|
||||
.blue > span {
|
||||
background-color: #96c2f1;
|
||||
background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #96c2f1),color-stop(1, #4394f3));
|
||||
background-image: -webkit-linear-gradient(#96c2f1, #4394f3);
|
||||
}
|
||||
&.blue > span {
|
||||
background-color: #96c2f1;
|
||||
background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #96c2f1),color-stop(1, #4394f3));
|
||||
background-image: -webkit-linear-gradient(#96c2f1, #4394f3);
|
||||
}
|
||||
|
||||
|
||||
.red > span {
|
||||
background-color: #f0a3a3;
|
||||
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
|
||||
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
|
||||
&.red > span {
|
||||
background-color: #f0a3a3;
|
||||
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
|
||||
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
|
||||
}
|
||||
}
|
||||
|
||||
.noanimation > span > span, .noanimation > span:after {
|
||||
|
|
|
|||
17
styles.css
17
styles.css
|
|
@ -3386,7 +3386,7 @@ p {
|
|||
/* pre */
|
||||
/* tag */
|
||||
.tooltip > i {
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.85rem;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
cursor: pointer; }
|
||||
|
|
@ -3810,7 +3810,8 @@ input[type="datetime-local"] {
|
|||
|
||||
input ~ .dropdown {
|
||||
position: absolute;
|
||||
display: none; }
|
||||
display: none;
|
||||
z-index: 3; }
|
||||
|
||||
input:focus ~ .dropdown, input ~ .dropdown.active {
|
||||
display: inline-block; }
|
||||
|
|
@ -4660,19 +4661,17 @@ main {
|
|||
background-position: 0 0; }
|
||||
100% {
|
||||
background-position: 50px 50px; } }
|
||||
.orange > span {
|
||||
.meter.orange > span {
|
||||
background-color: #f1a165;
|
||||
background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
|
||||
background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
|
||||
|
||||
.blue > span {
|
||||
.meter.blue > span {
|
||||
background-color: #96c2f1;
|
||||
background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
|
||||
background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
|
||||
|
||||
.red > span {
|
||||
.meter.red > span {
|
||||
background-color: #f0a3a3;
|
||||
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
|
||||
|
|
@ -4896,9 +4895,9 @@ section > h2 {
|
|||
display: inline-block; }
|
||||
.tabview .tab-content > input {
|
||||
display: none; }
|
||||
.tabview .tab-content input + div {
|
||||
.tabview .tab-content > input + div {
|
||||
display: none; }
|
||||
.tabview .tab-content input:checked + div {
|
||||
.tabview .tab-content > input:checked + div {
|
||||
display: inherit; }
|
||||
|
||||
.tab-1 .tab-links {
|
||||
|
|
|
|||
4
tab.css
4
tab.css
|
|
@ -30,9 +30,9 @@
|
|||
display: inline-block; }
|
||||
.tabview .tab-content > input {
|
||||
display: none; }
|
||||
.tabview .tab-content input + div {
|
||||
.tabview .tab-content > input + div {
|
||||
display: none; }
|
||||
.tabview .tab-content input:checked + div {
|
||||
.tabview .tab-content > input:checked + div {
|
||||
display: inherit; }
|
||||
|
||||
.tab-1 .tab-links {
|
||||
|
|
|
|||
4
tab.scss
4
tab.scss
|
|
@ -24,11 +24,11 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
input + div {
|
||||
> input + div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked + div {
|
||||
> input:checked + div {
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
/* pre */
|
||||
/* tag */
|
||||
.tooltip > i {
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.85rem;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
cursor: pointer; }
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user