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

[SSE] Fix layout in search panel

Browse source
This commit is contained in:
JuliaSvinareva 2022-07-07 18:43:13 +03:00
parent 05c0ccbfc3
commit 50ae0992d4
2 changed files with 21 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/main/lib/view/SearchPanel.js
View file

@ -253,11 +253,13 @@ define([
this.cmbLookIn.setValue(0); this.cmbLookIn.setValue(0);
var tableTemplate = '<div class="search-table">' + var tableTemplate = '<div class="search-table">' +
'<div class="header-items">' +
'<div class="header-item">' + this.textSheet + '</div>' + '<div class="header-item">' + this.textSheet + '</div>' +
'<div class="header-item">' + this.textName + '</div>' + '<div class="header-item">' + this.textName + '</div>' +
'<div class="header-item">' + this.textCell + '</div>' + '<div class="header-item">' + this.textCell + '</div>' +
'<div class="header-item">' + this.textValue + '</div>' + '<div class="header-item">' + this.textValue + '</div>' +
'<div class="header-item">' + this.textFormula + '</div>' + '<div class="header-item">' + this.textFormula + '</div>' +
'</div>' +
'<div class="ps-container oo search-items"></div>' + '<div class="ps-container oo search-items"></div>' +
'</div>', '</div>',
$resultTable = $(tableTemplate).appendTo(this.$resultsContainer); $resultTable = $(tableTemplate).appendTo(this.$resultsContainer);

7
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -759,14 +759,18 @@
height: 100%; height: 100%;
position: relative; position: relative;
} }
.header-items {
display: flex;
.header-item { .header-item {
width: 16%; width: 16%;
display: inline-block;
height: 18px; height: 18px;
text-align: start; text-align: start;
font-weight: normal; font-weight: normal;
padding-left: 4px; padding-left: 4px;
padding-top: 2px; padding-top: 2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&:not(:first-child) { &:not(:first-child) {
border-left: @scaled-one-px-value-ie solid @border-divider-ie; border-left: @scaled-one-px-value-ie solid @border-divider-ie;
border-left: @scaled-one-px-value solid @border-divider; border-left: @scaled-one-px-value solid @border-divider;
@ -775,6 +779,7 @@
width: 36%; width: 36%;
} }
} }
}
.search-items { .search-items {
height: calc(100% - 24px); height: calc(100% - 24px);
position: absolute; position: absolute;