ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Move modal top spacing to the header to avoid side-effect when scrolling

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-11-19 16:39:41 +01:00
parent 012f3ea5dd
commit 80f49360d6
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/card/CardSidebar.vue
View File

@@ -168,12 +168,13 @@ export default {
left: 0; left: 0;
right: 0; right: 0;
max-width: calc(100% - #{$modal-padding*2}); max-width: calc(100% - #{$modal-padding*2});
padding: 14px; padding: 0 14px;
max-height: calc(100% - #{$modal-padding*2}); max-height: 100%;
&::v-deep { &::v-deep {
.app-sidebar-header { .app-sidebar-header {
position: sticky; position: sticky;
top: 0; top: 0;
padding-top: $modal-padding;
z-index: 100; z-index: 100;
background-color: var(--color-main-background); background-color: var(--color-main-background);
} }