style(hide-columns): hide hiders on setup

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

View File

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

View File

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