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;