[common] 'no-color' icon draw via css
This commit is contained in:
parent
c35e67d3ab
commit
e48e1422f1
|
@ -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;
|
||||||
|
|
|
@ -565,7 +565,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-transparent {
|
.color-transparent {
|
||||||
background-position: -37px -196px;
|
&:before {
|
||||||
|
height: 40px;
|
||||||
|
transform: translate(0, -12px) rotate(69deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,7 +53,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-transparent {
|
.color-transparent {
|
||||||
background-position: -76px -196px;
|
&:before {
|
||||||
|
height: 64px;
|
||||||
|
transform: translate(29px, -22px) rotate(73deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue