Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[common] repaired disabled components stylesheets

Browse source
This commit is contained in:
Maxim Kadushkin 2021-03-01 00:29:00 +03:00
parent 1ad01c6d26
commit d02dea7ca5
17 changed files with 32 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
apps/common/main/resources/less/buttons.less
View file

@ -1,5 +1,4 @@
@x-huge-btn-height: 46px; @x-huge-btn-height: 46px;
@btn-disabled-opacity: .4;
@x-huge-btn-icon-size: 28px; @x-huge-btn-icon-size: 28px;
.btn { .btn {
@ -40,7 +39,7 @@
} }
&[disabled] { &[disabled] {
opacity: @btn-disabled-opacity; opacity: @component-disabled-opacity;
} }
&:focus { &:focus {
@ -432,7 +431,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
//color: #000; btn-category has no text //color: #000; btn-category has no text
opacity: @btn-disabled-opacity; opacity: @component-disabled-opacity;
} }
} }
@ -502,7 +501,7 @@
} }
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
@ -519,7 +518,7 @@
.dropdown-menu { .dropdown-menu {
&.scale-menu { &.scale-menu {
li.disabled { li.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
} }
@ -614,7 +613,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.35; opacity: @component-disabled-opacity;
} }
.color-transparent { .color-transparent {
@ -721,7 +720,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
@ -759,7 +758,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
@ -798,7 +797,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
@ -838,7 +837,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
@ -905,7 +904,7 @@
&[disabled], &[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
} }
@ -943,7 +942,7 @@
} }
&[disabled] { &[disabled] {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
&.custom { &.custom {

2
apps/common/main/resources/less/checkbox.less
View file

@ -58,11 +58,9 @@
&.disabled, &.disabled,
&:disabled { &:disabled {
opacity: .4;
+ label { + label {
&::before { &::before {
opacity: .4;
} }
} }
} }

1
apps/common/main/resources/less/colors-table-dark.less
View file

@ -106,6 +106,7 @@
--image-border-types-filter: invert(100%) brightness(4); --image-border-types-filter: invert(100%) brightness(4);
--image-border-types-filter-selected: invert(100%) brightness(4); --image-border-types-filter-selected: invert(100%) brightness(4);
--component-normal-icon-filter: invert(100%); --component-normal-icon-filter: invert(100%);
--component-disabled-opacity: .3;
--menu-icon-item-checked-offset-x: -20px; --menu-icon-item-checked-offset-x: -20px;
} }

2
apps/common/main/resources/less/colors-table.less
View file

@ -120,6 +120,7 @@
--image-border-types-filter: none; --image-border-types-filter: none;
--image-border-types-filter-selected: none; --image-border-types-filter-selected: none;
--component-normal-icon-filter: none; --component-normal-icon-filter: none;
--component-disabled-opacity: .4;
} }
// Background // Background
@ -188,6 +189,7 @@
@button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px); @button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px);
@component-normal-icon-filer: var(--component-normal-icon-filter); @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); @menu-icon-item-checked-offset-x: var(--menu-icon-item-checked-offset-x, 0);

2
apps/common/main/resources/less/combo-dataview.less
View file

@ -62,7 +62,7 @@
} }
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
.dataview.inner { .dataview.inner {
> .item { > .item {

4
apps/common/main/resources/less/common.less
View file

@ -20,7 +20,7 @@ label {
} }
&.disabled { &.disabled {
opacity: 0.5; opacity: @component-disabled-opacity;
} }
} }
@ -200,7 +200,7 @@ label {
height: 100%; height: 100%;
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
cursor: default !important; cursor: default !important;
} }
} }

2
apps/common/main/resources/less/dataview.less
View file

@ -58,7 +58,7 @@
} }
&.disabled { &.disabled {
opacity: 0.5; opacity: @component-disabled-opacity;
} }
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie); .box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);

6
apps/common/main/resources/less/dropdown-menu.less
View file

@ -1,5 +1,10 @@
.dropdown-menu > .disabled > a { .dropdown-menu > .disabled > a {
cursor: default; cursor: default;
color: @text-normal-ie;
color: @text-normal;
opacity: @component-disabled-opacity;
} }
.dropdown-menu { .dropdown-menu {
@ -89,7 +94,6 @@
&.disabled { &.disabled {
.menu-item-icon { .menu-item-icon {
opacity: .4;
} }
} }

4
apps/common/main/resources/less/header.less
View file

@ -197,7 +197,7 @@
} }
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
pointer-events: none; pointer-events: none;
} }
} }
@ -359,7 +359,7 @@
.btn&[disabled], .btn&[disabled],
&.disabled { &.disabled {
opacity: 0.65; opacity: @component-disabled-opacity;
} }
&:hover { &:hover {

2
apps/common/main/resources/less/input.less
View file

@ -95,7 +95,7 @@ input.error {
} }
.disabled .form-control { .disabled .form-control {
opacity: 0.65; opacity: @component-disabled-opacity;
cursor: default !important; cursor: default !important;
} }

2
apps/common/main/resources/less/listview.less
View file

@ -76,7 +76,7 @@
&.disabled { &.disabled {
> .item { > .item {
cursor: default; cursor: default;
opacity: 0.5; opacity: @component-disabled-opacity;
} }
} }
} }

2
apps/common/main/resources/less/radiobox.less
View file

@ -42,11 +42,9 @@
} }
&.disabled, &:disabled { &.disabled, &:disabled {
opacity: .4;
+ label { + label {
&::before { &::before {
opacity: .4;
} }
} }
} }

2
apps/common/main/resources/less/slider.less
View file

@ -39,6 +39,6 @@
} }
&.disabled { &.disabled {
opacity: 0.35; opacity: @component-disabled-opacity;
} }
} }

2
apps/common/main/resources/less/spinner.less
View file

@ -58,7 +58,7 @@
button { button {
&.disabled { &.disabled {
opacity: .35; opacity: @component-disabled-opacity;
} }
&:hover { &:hover {

2
apps/common/main/resources/less/window.less
View file

@ -134,7 +134,7 @@
} }
&.disabled { &.disabled {
opacity: 0.3; opacity: @component-disabled-opacity;
cursor: default; cursor: default;
} }
} }

2
apps/documenteditor/main/resources/less/statusbar.less
View file

@ -89,7 +89,7 @@
cursor: default; cursor: default;
label { label {
cursor: default; cursor: default;
opacity: 0.4; opacity: @component-disabled-opacity;
} }
} }
} }

2
apps/documenteditor/main/resources/less/toolbar.less
View file

@ -92,7 +92,7 @@
&.disabled { &.disabled {
> .item { > .item {
cursor: default; cursor: default;
opacity: 0.5; opacity: @component-disabled-opacity;
&:hover { &:hover {
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie); .box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);