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

[component] changed 'disabled' button's state

Browse source
This commit is contained in:
Maxim Kadushkin 2019-10-15 14:04:54 +03:00
parent da37e8cde3
commit 6c88d171f6
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/common/main/resources/less/asc-mixins.less
View file

@ -98,9 +98,11 @@
.button-otherstates-icon(@icon-class, @icon-size) {
button.over > .@{icon-class} {background-position-x: -1*@icon-size; --bgX: -(1*@icon-size);}
button.active > .@{icon-class},
button:active > .@{icon-class} {background-position-x: -2*@icon-size !important; --bgX: -(2*@icon-size);}
button.disabled > .@{icon-class} {background-position-x: -3*@icon-size !important; --bgX: -(3*@icon-size);}
button {
&.active, &:active {
&:not(.disabled):not(:disabled) > .@{icon-class} {background-position-x: -2*@icon-size !important; --bgX: -(2*@icon-size);}
}
}
}
.mx-button-otherstates-icon2(@icon-size) {
@ -109,7 +111,6 @@
.icon {background-position-x: -1*@icon-size; --bgX: -(1*@icon-size);}
}
}
&.disabled {.icon {opacity: .4;}}
}
.button-otherstates-icon2(@icon-class, @icon-size) {

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

@ -1,4 +1,5 @@
@x-huge-btn-height: 46px;
@btn-disabled-opacity: .4;
.btn {
border-radius: 1px;
@ -31,10 +32,7 @@
}
&[disabled] {
opacity: 1;
.caption {
opacity: 0.65;
}
opacity: @btn-disabled-opacity;
}
&:focus {
@ -315,7 +313,7 @@
&[disabled],
&.disabled {
color: #000;
opacity: 1;
opacity: @btn-disabled-opacity;
}
}