Skip to content

Commit

Permalink
remove large card size
Browse files Browse the repository at this point in the history
  • Loading branch information
Haberkamp committed Nov 26, 2024
1 parent b5e93db commit d94193c
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 19 deletions.
10 changes: 10 additions & 0 deletions .changeset/great-apples-count.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
---
"@shopware-ag/meteor-component-library": major
---

Removed large width of card

The large size of the card has been removed. Container sizes
like this should be defined by the parent element.

To migrate, add a max-width of `83.125rem` to the parent element.
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,6 @@ export const ExtendedStory: StoryObj<MtCardMeta> = {
headerRight: "Header right",
hero: false,
isLoading: false,
large: false,
avatar: "AVTR",
tabs: true,
"context-actions": true,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -109,9 +109,6 @@ const props = defineProps<{
// @deprecated v4.0.0 - will be removed without replacement
hero?: boolean;
isLoading?: boolean;
// @deprecated v4.0.0 - will be removed without replacement
large?: boolean;
inheritance?: boolean;
}>();
Expand Down Expand Up @@ -156,7 +153,6 @@ const cardClasses = computed(() => ({
"mt-card--grid": !!slots.grid,
// @deprecated v4.0.0 - will be removed without replacement
"mt-card--hero": !!props.hero,
"mt-card--large": props.large,
"mt-card--has-footer": !!slots.footer,
"mt-card--is-inherited": !!props.inheritance,
"mt-card--future-ignore-max-width": futureFlags.removeCardWidth,
Expand Down Expand Up @@ -261,20 +257,6 @@ const cardClasses = computed(() => ({
}
}
/* @depracated v4.0.0 - will be removed without replacement */
.mt-card--large {
max-width: 83.125rem;
& .mt-card__title,
& .mt-card__subtitle {
width: auto;
position: relative;
top: 0;
left: 0;
text-align: left;
}
}
.mt-card--future-ignore-max-width {
max-width: none;
margin-inline: 0;
Expand Down

0 comments on commit d94193c

Please sign in to comment.