Commit 349c577
committed
fix(card): maintain card width when absolute positioned
1 parent 7a82727 commit 349c577
3 files changed
Lines changed: 6 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -38,6 +38,8 @@ $card-ios-header-color: #333 !default; | |||
| 38 | 38 | ion-card { | |
| 39 | 39 | margin: $card-ios-margin-top $card-ios-margin-right $card-ios-margin-bottom $card-ios-margin-left; | |
| 40 | 40 | ||
| 41 | + width: calc(100% - #{($card-ios-margin-right + $card-ios-margin-left)}); | ||
| 42 | + | ||
| 41 | 43 | border-radius: $card-ios-border-radius; | |
| 42 | 44 | font-size: $card-ios-font-size; | |
| 43 | 45 | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -40,6 +40,8 @@ $card-md-header-color: #222 !default; | |||
| 40 | 40 | ion-card { | |
| 41 | 41 | margin: $card-md-margin-top $card-md-margin-right $card-md-margin-bottom $card-md-margin-left; | |
| 42 | 42 | ||
| 43 | + width: calc(100% - #{($card-md-margin-right + $card-md-margin-left)}); | ||
| 44 | + | ||
| 43 | 45 | border-radius: $card-md-border-radius; | |
| 44 | 46 | font-size: $card-md-font-size; | |
| 45 | 47 | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -41,6 +41,8 @@ $card-wp-header-color: #222 !default; | |||
| 41 | 41 | ion-card { | |
| 42 | 42 | margin: $card-wp-margin-top $card-wp-margin-right $card-wp-margin-bottom $card-wp-margin-left; | |
| 43 | 43 | ||
| 44 | + width: calc(100% - #{($card-wp-margin-right + $card-wp-margin-left)}); | ||
| 45 | + | ||
| 44 | 46 | border-radius: $card-wp-border-radius; | |
| 45 | 47 | font-size: $card-wp-font-size; | |
| 46 | 48 | ||
0 commit comments