mirror of
https://github.com/nextcloud/server.git
synced 2026-05-28 04:32:30 -04:00
Temporary vue component styles
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
parent
062e7dfd09
commit
68af318355
1 changed files with 39 additions and 0 deletions
|
|
@ -1379,3 +1379,42 @@ $outter-margin: math.div($popoveritem-height - $popovericon-size, 2);
|
|||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** To be moved to vue components */
|
||||
#app-sidebar-vue:not(.app-sidebar--full) {
|
||||
position: sticky;
|
||||
border-radius: 0 var(--body-container-radius) var(--body-container-radius) 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#app-navigation-vue {
|
||||
position: sticky;
|
||||
height: 100%;
|
||||
padding: 6px;
|
||||
background-color: var(--color-main-background-blur);
|
||||
backdrop-filter: var(--filter-background-blur);
|
||||
-webkit-backdrop-filter: var(--filter-background-blur);
|
||||
}
|
||||
|
||||
#content-vue {
|
||||
box-sizing: border-box;
|
||||
// padding is included in height
|
||||
margin: var(--body-container-margin);
|
||||
margin-top: 50px;
|
||||
display: flex;
|
||||
width: calc(100% - var(--body-container-margin) * 2);
|
||||
height: var(--body-height);
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
|
||||
&:not(.with-sidebar--full) {
|
||||
position: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
#app-content-vue {
|
||||
position: initial;
|
||||
height: 100%;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue