fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(hide-columns): hide hiders on setup

Browse Source
This commit is contained in:
Sarah Vaupel 2019-12-02 19:35:03 +01:00 committed by Gregor Kleen
parent 827cecda8f
commit ff366a785b
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/utils/hide-columns/hide-columns.js
View File

@ -123,15 +123,15 @@ export class HideColumns {
// reposition hider on each window resize event // reposition hider on each window resize event
window.addEventListener('resize', () => this.repositionHider(hider)); window.addEventListener('resize', () => this.repositionHider(hider));
this.updateColumnDisplay(th.cellIndex, preHidden);
this.updateHider(hider, preHidden);
if (preHidden) { if (preHidden) {
this._tableUtilContainer.appendChild(hider); this._tableUtilContainer.appendChild(hider);
} else { } else {
this.hideHiderBehindHeader(hider); this.hideHiderBehindHeader(hider);
} }
this.updateColumnDisplay(th.cellIndex, preHidden);
this.updateHider(hider, preHidden);
this._tableHiderContainer.children.forEach(hider => this.repositionHider(hider)); this._tableHiderContainer.children.forEach(hider => this.repositionHider(hider));
} }

5
frontend/src/utils/hide-columns/hide-columns.scss
View File

@ -10,8 +10,7 @@
box-shadow: 0 0 2px 0 rgba(0,0,0,0.6); box-shadow: 0 0 2px 0 rgba(0,0,0,0.6);
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
transition: transform .2s ease;
/* transition: transform .2s ease; */
transform: scaleY(0); transform: scaleY(0);
transform-origin: top; transform-origin: top;
@ -57,7 +56,7 @@
float: left; float: left;
color: #fff; color: #fff;
padding: 10px; padding: 10px;
border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%; border-radius: 20px / 50%;
margin-right: 20px; margin-right: 20px;
margin-bottom: 10px; margin-bottom: 10px;
cursor: pointer; cursor: pointer;