reorganize styles

RocketChat · Dec 27, 2023 · 9a9b2df · 9a9b2df
1 parent 8562062
commit 9a9b2df
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 35 deletions.
diff --git a/packages/fuselage/src/components/Card/Card.stories.tsx b/packages/fuselage/src/components/Card/Card.stories.tsx
@@ -140,7 +140,7 @@ export const Horizontal: ComponentStory<typeof Card> = () => (
 );
 
 export const Clickable: ComponentStory<typeof Card> = () => (
-  <Card horizontal>
+  <Card horizontal clickable>
     <CardRow>
       <FramedIcon icon='document-eye' info />
       <CardCol>

diff --git a/packages/fuselage/src/components/Card/Card.styles.scss b/packages/fuselage/src/components/Card/Card.styles.scss
@@ -39,39 +39,37 @@ $card-hero-padding: lengths.padding(28);
     gap: $card-spacing;
   }
 
-  &__controls {
-    align-items: center;
+  &__col {
+    display: flex;
+    flex-direction: column;
   }
-}
 
-// Card horizontal
-.rcx-card__horizontal {
-  align-items: center;
+  &__row {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
 
-  padding: $card-horizontal-padding;
-  gap: $card-horizontal-gap;
+  &__horizontal {
+    align-items: center;
 
-  .rcx-card__controls {
-    justify-content: flex-end;
-    flex-shrink: 0;
-  }
+    padding: $card-horizontal-padding;
+    gap: $card-horizontal-gap;
 
-  &--wrap {
-    flex-wrap: wrap;
+    &--wrap {
+      flex-wrap: wrap;
+    }
   }
-}
 
-// Card vertical
-.rcx-card__vertical {
-  flex-direction: column;
+  &__vertical {
+    flex-direction: column;
 
-  padding: $card-vertical-padding;
-  gap: $card-vertical-gap;
-}
+    padding: $card-vertical-padding;
+    gap: $card-vertical-gap;
+  }
 
-// Card hero
-.rcx-card__hero {
-  padding: $card-hero-padding;
+  &__hero {
+    padding: $card-hero-padding;
+  }
 }
 
 .rcx-card__title,
@@ -81,13 +79,3 @@ $card-hero-padding: lengths.padding(28);
   display: flex;
   align-items: center;
 }
-
-.rcx-card__col {
-  display: flex;
-  flex-direction: column;
-}
-
-.rcx-card__row {
-  // flex-grow: 1;
-  // flex-shrink: 1;
-}