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

[SSE mobile] repaired cell editor

Browse source
This commit is contained in:
Maxim Kadushkin 2021-02-20 00:05:06 +03:00
parent 2942114c82
commit 1c45047df5
3 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/mobile/resources/less/_mixins.less
View file

@ -1,7 +1,7 @@
// Encoded SVG Background // Encoded SVG Background
.encoded-svg-mask(@svg) { .encoded-svg-mask(@svg, @color: @themeColor) {
@url: `encodeURIComponent(@{svg})`; @url: `encodeURIComponent(@{svg})`;
background-color: @themeColor; background-color: @color;
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}"); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}");
} }

13
apps/spreadsheeteditor/mobile/src/less/celleditor.less
View file

@ -13,6 +13,7 @@
} }
display: flex; display: flex;
z-index: 5001;
height: @cellEditorHeight; height: @cellEditorHeight;
min-height: @cellEditorHeight; min-height: @cellEditorHeight;
@ -27,7 +28,7 @@
&:after { &:after {
content: ''; content: '';
position: absolute; position: absolute;
background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); background-color: @border-regular-control;
display: block; display: block;
z-index: 15; z-index: 15;
top: auto; top: auto;
@ -43,6 +44,10 @@
#box-cell-name { #box-cell-name {
display: inline-flex; display: inline-flex;
background-color: var(--f7-navbar-bg-color); background-color: var(--f7-navbar-bg-color);
.md & {
background-color: @gray-light;
}
} }
#idx-cell-name { #idx-cell-name {
@ -60,6 +65,12 @@
} }
} }
.phone & {
#idx-cell-name {
display: none;
}
}
#idx-btn-function { #idx-btn-function {
height: @cellEditorHeight; height: @cellEditorHeight;
line-height: @cellEditorHeight; line-height: @cellEditorHeight;

6
apps/spreadsheeteditor/mobile/src/less/statusbar.less
View file

@ -51,8 +51,12 @@
} }
i.icon { i.icon {
width: 22px;
height: 22px;
&.icon-plus { &.icon-plus {
.encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{fontColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>'); @source: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>';
.encoded-svg-mask(@source, @fontColor);
background-image: none;
} }
} }
} }