[common] 'no-color' icon draw via css

This commit is contained in:
Maxim Kadushkin 2019-12-06 18:17:41 +03:00
parent c35e67d3ab
commit e48e1422f1
5 changed files with 20 additions and 9 deletions

View file

@ -200,7 +200,7 @@
@common-controls-width: 100px; @common-controls-width: 100px;
.img-commonctrl, .img-commonctrl,
.theme-colorpalette .color-transparent, .palette-color-ext .color-transparent, .dropdown-menu li .checked:before, .input-error:before, .dropdown-menu li .checked:before, .input-error:before,
.btn-toolbar .icon.img-commonctrl, .list-item div.checked:before .btn-toolbar .icon.img-commonctrl, .list-item div.checked:before
{ {
background-image: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/@{common-controls}')), ~"url(@{common-image-const-path}/@{common-controls})"); background-image: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/@{common-controls}')), ~"url(@{common-image-const-path}/@{common-controls})");
@ -254,8 +254,7 @@
} }
@img-colorpicker-width: 205px; @img-colorpicker-width: 205px;
.img-colorpicker, .img-colorpicker, .hsb-colorpicker .empty-color:before
.color-transparent, .hsb-colorpicker .empty-color:before
{ {
background-image: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/hsbcolorpicker/hsb-colorpicker.png')), ~"url(@{common-image-const-path}/hsbcolorpicker/hsb-colorpicker.png)"); background-image: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/hsbcolorpicker/hsb-colorpicker.png')), ~"url(@{common-image-const-path}/hsbcolorpicker/hsb-colorpicker.png)");
background-repeat: no-repeat; background-repeat: no-repeat;

View file

@ -565,7 +565,10 @@
} }
.color-transparent { .color-transparent {
background-position: -37px -196px; &:before {
height: 40px;
transform: translate(0, -12px) rotate(69deg);
}
} }
} }

View file

@ -12,6 +12,16 @@
} }
} }
.color-transparent {
&:before {
content: '';
position: absolute;
border-right: 2px solid red;
height: 14px;
transform: translate(5px,-1px) rotate(45deg);
}
}
.palette-color-ext { .palette-color-ext {
padding: 10px; padding: 10px;
.palette-color-item { .palette-color-item {
@ -46,8 +56,6 @@
} }
.color-transparent { .color-transparent {
background-position: @nocolor-offset-x @nocolor-offset-y;
em span { em span {
border:solid 1px #C0C0C0; border:solid 1px #C0C0C0;
} }

View file

@ -53,7 +53,10 @@
} }
.color-transparent { .color-transparent {
background-position: -76px -196px; &:before {
height: 64px;
transform: translate(29px, -22px) rotate(73deg);
}
} }
} }

View file

@ -41,8 +41,6 @@
} }
.color-transparent { .color-transparent {
background-position: @nocolor-offset-x @nocolor-offset-y;
em span { em span {
border:solid 1px #C0C0C0; border:solid 1px #C0C0C0;
} }