Skip to content

Commit

Permalink
Move modal top spacing to the header to avoid side-effect when scrolling
Browse files Browse the repository at this point in the history
Signed-off-by: Julius Härtl <jus@bitgrid.net>
  • Loading branch information
juliusknorr committed Nov 19, 2020
1 parent 012f3ea commit 80f4936
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/components/card/CardSidebar.vue
Original file line number Diff line number Diff line change
Expand Up @@ -168,12 +168,13 @@ export default {
left: 0;
right: 0;
max-width: calc(100% - #{$modal-padding*2});
padding: 14px;
max-height: calc(100% - #{$modal-padding*2});
padding: 0 14px;
max-height: 100%;
&::v-deep {
.app-sidebar-header {
position: sticky;
top: 0;
padding-top: $modal-padding;
z-index: 100;
background-color: var(--color-main-background);
}
Expand Down

0 comments on commit 80f4936

Please sign in to comment.