mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
feat(thumbnail): adjust item padding/weight
This commit is contained in:
@@ -18,8 +18,9 @@
|
||||
font-size: $item-font-size;
|
||||
|
||||
h2 {
|
||||
margin: 0 0 4px 0;
|
||||
margin: 0 0 2px 0;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h3 {
|
||||
margin: 0 0 4px 0;
|
||||
@@ -36,6 +37,7 @@
|
||||
p {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
h1:last-child,
|
||||
@@ -494,6 +496,7 @@ button.item.item-button-right {
|
||||
|
||||
.item-thumbnail-left,
|
||||
.item-thumbnail-left .item-content {
|
||||
padding-top: $item-padding / 2;
|
||||
padding-left: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
|
||||
min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
|
||||
|
||||
@@ -510,11 +513,13 @@ button.item.item-button-right {
|
||||
.item-avatar.item-complex,
|
||||
.item-avatar-left.item-complex,
|
||||
.item-thumbnail-left.item-complex {
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.item-thumbnail-right,
|
||||
.item-thumbnail-right .item-content {
|
||||
padding-top: $item-padding / 2;
|
||||
padding-right: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
|
||||
min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
|
||||
|
||||
@@ -530,6 +535,7 @@ button.item.item-button-right {
|
||||
}
|
||||
.item-avatar-right.item-complex,
|
||||
.item-thumbnail-right.item-complex {
|
||||
padding-top: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@@ -756,7 +762,7 @@ button.item.item-button-right {
|
||||
border-radius: 0;
|
||||
@include display-inline-flex();
|
||||
@include align-items(center);
|
||||
|
||||
|
||||
&:before{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user