mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
refactor(card): removed actions attribute since this is no longer needed with the item refactor
Buttons in this item still need the item-left or item-right attribute to size correctly. Closes #552
This commit is contained in:
@@ -79,22 +79,6 @@ ion-card {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
[actions] {
|
||||
padding-right: ($card-ios-padding-right / 2);
|
||||
|
||||
ion-item-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
[button] {
|
||||
margin: 0 ($item-ios-padding-right / 2);
|
||||
padding: 2px 6px;
|
||||
min-height: 26px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
ion-note[item-left],
|
||||
ion-note[item-right], {
|
||||
font-size: 1.3rem;
|
||||
|
||||
@@ -81,16 +81,6 @@ ion-card {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
[actions] {
|
||||
button,
|
||||
[button] {
|
||||
margin: 0 ($card-md-padding-right / 4) 0 ($card-md-padding-left / 4);
|
||||
min-height: 26px;
|
||||
font-size: 1.3rem;
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
ion-note[item-left],
|
||||
ion-note[item-right], {
|
||||
font-size: 1.3rem;
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</p>
|
||||
</ion-card-content>
|
||||
|
||||
<ion-item actions>
|
||||
<ion-item>
|
||||
<button clear item-left>
|
||||
<icon star></icon>
|
||||
Star
|
||||
@@ -51,12 +51,12 @@
|
||||
<p>Hello. I am a paragraph.</p>
|
||||
</ion-card-content>
|
||||
|
||||
<ion-item actions>
|
||||
<ion-item>
|
||||
<button clear item-left danger class="activated">
|
||||
<icon star></icon>
|
||||
Favorite.activated
|
||||
</button>
|
||||
<button clear item danger>
|
||||
<button clear item-left danger>
|
||||
<icon musical-notes></icon>
|
||||
Listen
|
||||
</button>
|
||||
@@ -76,12 +76,12 @@
|
||||
This card was breaking the border radius.
|
||||
</ion-card-content>
|
||||
|
||||
<ion-item actions>
|
||||
<ion-item>
|
||||
<button clear item-left dark>
|
||||
<icon star></icon>
|
||||
Favorite
|
||||
</button>
|
||||
<button clear item dark>
|
||||
<button clear item-right dark>
|
||||
<icon musical-notes></icon>
|
||||
Listen
|
||||
</button>
|
||||
|
||||
@@ -146,10 +146,6 @@ button[item-right],
|
||||
line-height: $item-md-body-text-line-height;
|
||||
}
|
||||
|
||||
.item[actions] ion-item-content {
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
icon[item-left] + .item-inner,
|
||||
icon[item-left] + [text-input] {
|
||||
margin-left: $item-md-padding-left + ($item-md-padding-left / 2);
|
||||
|
||||
Reference in New Issue
Block a user