change(item): rename large to big class

- this way we can introduce another scale that doesn't interfere with the default sizes
eea · Dec 9, 2022 · 24ff127 · 24ff127
1 parent cd15e86
commit 24ff127
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/ui/Item/ItemGroupWithIcons.stories.js b/src/ui/Item/ItemGroupWithIcons.stories.js
@@ -27,7 +27,7 @@ export default {
     },
     imageSize: {
       control: { type: 'select' },
-      options: ['small', 'medium', 'large'],
+      options: ['small', 'medium', 'big'],
       table: {
         type: { summary: 'string' },
         defaultValue: { summary: 'medium' },

diff --git a/theme/themes/eea/views/item.overrides b/theme/themes/eea/views/item.overrides
@@ -92,6 +92,9 @@
 }
 
 /* Image & Icon size */
+.item .image {
+  overflow: hidden;
+}
 
 // SMALL - 48px
 .item .small.image,
@@ -113,11 +116,11 @@
   font-size: @mediumMediaSize;
 }
 
-// LARGE - 80px
-.item .large.image,
-.block .item .large.image,
-.item i.large.icon,
-.item i.large.icons {
+// BIG - 80px
+.item .big.image,
+.block .item .big.image,
+.item i.big.icon,
+.item i.big.icons {
   width: @largeMediaSize;
   height: @largeMediaSize;
   font-size: @largeMediaSize;