Fix columns

BouyguesTelecom · Nov 27, 2024 · 5b7b788 · 5b7b788
1 parent 556d85a
commit 5b7b788
Showing 1 changed file with 27 additions and 13 deletions.
diff --git a/packages/styles/framework/src/grid/_columns.scss b/packages/styles/framework/src/grid/_columns.scss
@@ -142,6 +142,17 @@ $gap: 4px,
       }
     }
 
+    &.is-aligned-start {
+      align-items: start !important;
+    }
+
+    &.is-aligned-center {
+      align-items: center !important;
+    }
+
+    &.is-aligned-end {
+      align-items: end !important;
+    }
   }
 
   @include touch {
@@ -214,6 +225,18 @@ $gap: 4px,
         --ColumnFraction: 1;
       }
     }
+
+    &.is-aligned-start {
+      align-items: unset !important;
+    }
+
+    &.is-aligned-center {
+      align-items: unset !important;
+    }
+
+    &.is-aligned-end {
+      align-items: unset !important;
+    }
   }
   @include tablet-only {
     &.is-desktop {
@@ -233,19 +256,6 @@ $gap: 4px,
   flex-grow: 1;
   flex-shrink: 1;
 
-  &.is-aligned-start {
-    align-self: start;
-  }
-
-  &.is-aligned-center {
-    align-self: center;
-  }
-
-  &.is-aligned-end {
-    align-self: end;
-  }
-
-
   @include mobile {
     &.is-narrow-mobile {
       flex: none;
@@ -359,6 +369,10 @@ $gap: 4px,
         margin-left: $offsetWidth;
       }
     }
+
+    .column.is-narrow {
+      flex: none;
+    }
   }
 
   &.is-multiline {