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

Fix Bug 51169

Browse source
This commit is contained in:
SergeyEzhin 2021-07-17 16:54:49 +03:00
parent 6067e344a2
commit a5a70b05d0
1 changed files with 44 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

81
apps/common/mobile/resources/less/common.less
View file

@ -383,47 +383,54 @@
} }
} }
.color-palettes { .page {
.palette { .color-palettes {
padding: 8px 0px; .list {
a { .palette {
flex-grow: 1; padding: 8px 0px;
position: relative; .row {
min-width: 10px; a {
min-height: 26px; flex-grow: 1;
margin: 1px 1px 0 0; position: relative;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset; min-width: 10px;
&.active:after { min-height: 26px;
content: ' '; margin: 1px 1px 0 0;
position: absolute; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
width: 100%; border-radius: 0;
height: 100%; &.active:after {
box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor; content: ' ';
z-index: 1; position: absolute;
border-radius: 1px; width: 100%;
} height: 100%;
&.transparent { box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
background-repeat: no-repeat; z-index: 1;
background-size: 100% 100%; border-radius: 1px;
.encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 22 22' xml:space='preserve'><line stroke='#ff0000' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_1' y2='0' x2='22' y1='22' x1='0' stroke-width='2' fill='none'/></svg>"); }
&.transparent {
background-repeat: no-repeat;
background-size: 100% 100%;
.encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 22 22' xml:space='preserve'><line stroke='#ff0000' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_1' y2='0' x2='22' y1='22' x1='0' stroke-width='2' fill='none'/></svg>");
}
}
}
} }
} }
} .row {
.row { padding: 0;
padding: 0; }
} .list .item-inner {
.list .item-inner { display: block;
display: block; }
} .standart-colors, .dynamic-colors {
.standart-colors, .dynamic-colors { .palette {
.palette { display: flex;
display: flex; }
} }
}
.dynamic-colors { .dynamic-colors {
.empty-color { .empty-color {
background-color: @white; background-color: @white;
}
} }
} }
} }