From 68af3183550e92527c284294d31e29fc24947a6c Mon Sep 17 00:00:00 2001
From: =?utf8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Tue, 23 Aug 2022 12:00:26 +0200
Subject: [PATCH] Temporary vue component styles
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 core/css/apps.scss | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

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;
+}
-- 
2.39.5