diff options
author | Julius Härtl <jus@bitgrid.net> | 2022-08-23 13:00:26 +0300 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2022-09-01 15:15:38 +0300 |
commit | 68af3183550e92527c284294d31e29fc24947a6c (patch) | |
tree | d3d4228528ca5c93f90388b8047de5f99fce3893 | |
parent | 062e7dfd0908871643f18afcfa3378752de07b84 (diff) |
Temporary vue component styles
Signed-off-by: Julius Härtl <jus@bitgrid.net>
-rw-r--r-- | core/css/apps.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index cc53224a46d..d649a9daf5a 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -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; +} |