fixup! Make app navigation semi-transparent

Signed-off-by: greta <gretadoci@gmail.com>
nextcloud-libraries · Aug 18, 2022 · 0d73e36 · 0d73e36
1 parent 5017c77
commit 0d73e36
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
@@ -160,9 +160,9 @@ export default {
 	flex-direction: column;
 	flex-grow: 0;
 	flex-shrink: 0;
-	background-color:  var(--color-main-background-semitransparent);
-	-webkit-backdrop-filter: var(--background-blur);
-	backdrop-filter: var(--background-blur);
+	background-color:  var(--color-main-background-blur);
+	-webkit-backdrop-filter: var(--filter-background-blur);
+	backdrop-filter: var(--filter-background-blur);
 	&--close {
 		margin-left: - $navigation-width;
 		transform: translateX(-100%);

diff --git a/styleguide/assets/variables.css b/styleguide/assets/variables.css
@@ -37,8 +37,8 @@
 	--color-box-shadow: rgba(77, 77, 77, 0.5);
 	--color-border: #ededed;
 	--color-border-dark: #dbdbdb;
-	--color-main-background-semitransparent: rgba(255,255,255,0.8);
-	--background-blur: blur(10px);
+	--color-main-background-blur: rgba(255,255,255,0.8);
+	--background-blur: blur(25px);
 	--border-radius: 3px;
 	--border-radius-large: 10px;
 	--border-radius-pill: 100px;