Fix mobile tab row balancing in keyboard-nav pattern

2026-05-25 09:14:51 +02:00
parent 9c6fd2d62f
commit e61ec9a492
2 changed files with 98 additions and 2 deletions
@@ -37,8 +37,13 @@

@media (max-width: 767px) {
  .sg-content-block-card-group__tabs[role="tablist"] > [role="tab"] {
-    flex: 1 1 0;
+    flex: 0 0 calc(
+      (
+        100%
+        - (var(--spacing-small) * (var(--sg-tab-mobile-row-slots, 1) - 1))
+      )
+      / var(--sg-tab-mobile-row-slots, 1)
+    );
    min-width: max-content;
  }
 }
-