mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
fix(card): maintain card width when absolute positioned
This commit is contained in:
@ -38,6 +38,8 @@ $card-ios-header-color: #333 !default;
|
||||
ion-card {
|
||||
margin: $card-ios-margin-top $card-ios-margin-right $card-ios-margin-bottom $card-ios-margin-left;
|
||||
|
||||
width: calc(100% - #{($card-ios-margin-right + $card-ios-margin-left)});
|
||||
|
||||
border-radius: $card-ios-border-radius;
|
||||
font-size: $card-ios-font-size;
|
||||
|
||||
|
@ -40,6 +40,8 @@ $card-md-header-color: #222 !default;
|
||||
ion-card {
|
||||
margin: $card-md-margin-top $card-md-margin-right $card-md-margin-bottom $card-md-margin-left;
|
||||
|
||||
width: calc(100% - #{($card-md-margin-right + $card-md-margin-left)});
|
||||
|
||||
border-radius: $card-md-border-radius;
|
||||
font-size: $card-md-font-size;
|
||||
|
||||
|
@ -41,6 +41,8 @@ $card-wp-header-color: #222 !default;
|
||||
ion-card {
|
||||
margin: $card-wp-margin-top $card-wp-margin-right $card-wp-margin-bottom $card-wp-margin-left;
|
||||
|
||||
width: calc(100% - #{($card-wp-margin-right + $card-wp-margin-left)});
|
||||
|
||||
border-radius: $card-wp-border-radius;
|
||||
font-size: $card-wp-font-size;
|
||||
|
||||
|
Reference in New Issue
Block a user