taler-typescript-core

commit 17b534ab67d21a59408fe3a8e736fb140ba2ea09
parent 3c010b39cfabf086e9bc7ee78d2b1201d9c01962
Author: Nullptrderef <nullptrderef@proton.me>
Date:   Sun,  4 Aug 2024 23:43:57 +0200

fix #8984

Diffstat:
M
packages/auditor-backoffice-ui/src/scss/_aside.scss
 | 
7
++++++-
M
packages/merchant-backoffice-ui/src/scss/_aside.scss
 | 
7
++++++-

2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/packages/auditor-backoffice-ui/src/scss/_aside.scss b/packages/auditor-backoffice-ui/src/scss/_aside.scss
@@ -130,7 +130,11 @@ aside.aside {
 
 @include touch {
   nav.navbar {
-    @include transition(margin-left);
+    // @include transition(margin-left);
+    // TODO: adapt above transition mixin to work with multiple transitions
+    transition:
+      margin-left 250ms ease-in-out 50ms,
+      width 250ms ease-in-out 50ms;
   }
   aside.aside {
     @include transition(left);
@@ -173,6 +177,7 @@ aside.aside {
   div.has-aside-mobile-expanded {
     nav.navbar {
       margin-left: $aside-mobile-width;
+      width: calc(100vw - $aside-mobile-width);
     }
     aside.aside {
       left: 0;
diff --git a/packages/merchant-backoffice-ui/src/scss/_aside.scss b/packages/merchant-backoffice-ui/src/scss/_aside.scss
@@ -130,7 +130,11 @@ aside.aside {
 
 @include touch {
   nav.navbar {
-    @include transition(margin-left);
+    // @include transition(margin-left);
+    // TODO: adapt above transition mixin to work with multiple transitions
+    transition:
+      margin-left 250ms ease-in-out 50ms,
+      width 250ms ease-in-out 50ms;
   }
   aside.aside {
     @include transition(left);
@@ -173,6 +177,7 @@ aside.aside {
   div.has-aside-mobile-expanded {
     nav.navbar {
       margin-left: $aside-mobile-width;
+      width: calc(100vw - $aside-mobile-width);
     }
     aside.aside {
       left: 0;