[common] repaired disabled components stylesheets
This commit is contained in:
parent
1ad01c6d26
commit
d02dea7ca5
|
@ -1,5 +1,4 @@
|
|||
@x-huge-btn-height: 46px;
|
||||
@btn-disabled-opacity: .4;
|
||||
@x-huge-btn-icon-size: 28px;
|
||||
|
||||
.btn {
|
||||
|
@ -40,7 +39,7 @@
|
|||
}
|
||||
|
||||
&[disabled] {
|
||||
opacity: @btn-disabled-opacity;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
|
@ -432,7 +431,7 @@
|
|||
&[disabled],
|
||||
&.disabled {
|
||||
//color: #000; btn-category has no text
|
||||
opacity: @btn-disabled-opacity;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -502,7 +501,7 @@
|
|||
}
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -519,7 +518,7 @@
|
|||
.dropdown-menu {
|
||||
&.scale-menu {
|
||||
li.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -614,7 +613,7 @@
|
|||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.35;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
.color-transparent {
|
||||
|
@ -721,7 +720,7 @@
|
|||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -759,7 +758,7 @@
|
|||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -798,7 +797,7 @@
|
|||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -838,7 +837,7 @@
|
|||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -905,7 +904,7 @@
|
|||
|
||||
&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -943,7 +942,7 @@
|
|||
}
|
||||
|
||||
&[disabled] {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
&.custom {
|
||||
|
|
|
@ -58,11 +58,9 @@
|
|||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
opacity: .4;
|
||||
|
||||
+ label {
|
||||
&::before {
|
||||
opacity: .4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -106,6 +106,7 @@
|
|||
--image-border-types-filter: invert(100%) brightness(4);
|
||||
--image-border-types-filter-selected: invert(100%) brightness(4);
|
||||
--component-normal-icon-filter: invert(100%);
|
||||
--component-disabled-opacity: .3;
|
||||
|
||||
--menu-icon-item-checked-offset-x: -20px;
|
||||
}
|
||||
|
|
|
@ -120,6 +120,7 @@
|
|||
--image-border-types-filter: none;
|
||||
--image-border-types-filter-selected: none;
|
||||
--component-normal-icon-filter: none;
|
||||
--component-disabled-opacity: .4;
|
||||
}
|
||||
|
||||
// Background
|
||||
|
@ -188,6 +189,7 @@
|
|||
@button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px);
|
||||
|
||||
@component-normal-icon-filer: var(--component-normal-icon-filter);
|
||||
@component-disabled-opacity: var(--component-disabled-opacity, .4);
|
||||
|
||||
@menu-icon-item-checked-offset-x: var(--menu-icon-item-checked-offset-x, 0);
|
||||
|
||||
|
|
|
@ -62,7 +62,7 @@
|
|||
}
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
|
||||
.dataview.inner {
|
||||
> .item {
|
||||
|
|
|
@ -20,7 +20,7 @@ label {
|
|||
}
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -200,7 +200,7 @@ label {
|
|||
height: 100%;
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
cursor: default !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -58,7 +58,7 @@
|
|||
}
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.5;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
|
||||
|
|
|
@ -1,5 +1,10 @@
|
|||
.dropdown-menu > .disabled > a {
|
||||
cursor: default;
|
||||
|
||||
color: @text-normal-ie;
|
||||
color: @text-normal;
|
||||
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
|
@ -89,7 +94,6 @@
|
|||
|
||||
&.disabled {
|
||||
.menu-item-icon {
|
||||
opacity: .4;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -197,7 +197,7 @@
|
|||
}
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
@ -359,7 +359,7 @@
|
|||
|
||||
.btn&[disabled],
|
||||
&.disabled {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -95,7 +95,7 @@ input.error {
|
|||
}
|
||||
|
||||
.disabled .form-control {
|
||||
opacity: 0.65;
|
||||
opacity: @component-disabled-opacity;
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
|
|
@ -76,7 +76,7 @@
|
|||
&.disabled {
|
||||
> .item {
|
||||
cursor: default;
|
||||
opacity: 0.5;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -42,11 +42,9 @@
|
|||
}
|
||||
|
||||
&.disabled, &:disabled {
|
||||
opacity: .4;
|
||||
|
||||
+ label {
|
||||
&::before {
|
||||
opacity: .4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -39,6 +39,6 @@
|
|||
}
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.35;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
button {
|
||||
&.disabled {
|
||||
opacity: .35;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -134,7 +134,7 @@
|
|||
}
|
||||
|
||||
&.disabled {
|
||||
opacity: 0.3;
|
||||
opacity: @component-disabled-opacity;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -89,7 +89,7 @@
|
|||
cursor: default;
|
||||
label {
|
||||
cursor: default;
|
||||
opacity: 0.4;
|
||||
opacity: @component-disabled-opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -92,7 +92,7 @@
|
|||
&.disabled {
|
||||
> .item {
|
||||
cursor: default;
|
||||
opacity: 0.5;
|
||||
opacity: @component-disabled-opacity;
|
||||
|
||||
&:hover {
|
||||
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
|
||||
|
|
Loading…
Reference in a new issue