fix: menu styles

sbb-design-systems · Aug 27, 2024 · e38f18f · e38f18f
1 parent 27ceb38
commit e38f18f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/elements/menu/menu/menu.scss b/src/elements/menu/menu/menu.scss
@@ -130,14 +130,20 @@
   }
 
   @include sbb.mq($from: medium) {
-    inset-block: 0 unset;
-    inset-inline: 0 unset;
+    /* stylelint-disable liberty/use-logical-spec */
+    top: 0;
+    bottom: unset;
+    left: 0;
+    right: unset;
+    /* stylelint-enable liberty/use-logical-spec */
     max-block-size: fit-content;
     border-radius: var(--sbb-menu-border-radius);
 
     :host(:not([data-state='closed'])) & {
-      inset-block-start: var(--sbb-menu-position-y);
-      inset-inline-start: var(--sbb-menu-position-x);
+      /* stylelint-disable liberty/use-logical-spec */
+      top: var(--sbb-menu-position-y);
+      left: var(--sbb-menu-position-x);
+      /* stylelint-enable liberty/use-logical-spec */
       max-block-size: var(--sbb-menu-max-height);
       min-block-size: var(--sbb-menu-min-height);
     }

diff --git a/src/elements/popover/popover/popover.scss b/src/elements/popover/popover/popover.scss
@@ -68,14 +68,12 @@
   position: var(--sbb-popover-position);
   pointer-events: all;
 
-  /* stylelint-disable-next-line liberty/use-logical-spec */
+  /* stylelint-disable liberty/use-logical-spec */
   top: var(--sbb-popover-position-y);
-  /* stylelint-disable-next-line liberty/use-logical-spec */
   bottom: unset;
-  /* stylelint-disable-next-line liberty/use-logical-spec */
   left: var(--sbb-popover-position-x);
-  /* stylelint-disable-next-line liberty/use-logical-spec */
   right: unset;
+  /* stylelint-enable liberty/use-logical-spec */
   border: none;
   border-radius: var(--sbb-popover-border-radius);
   padding: 0;