javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(item): rename forward-icon to detail-push

Browse Source
This commit is contained in:
Max Lynch
2015-10-06 10:53:23 -05:00
parent e955c3a88a
commit f497608768
8 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ionic/components/icon/modes/ios.scss
View File

@ -3,10 +3,10 @@
// --------------------------------------------------
$icon-forward-ios-background-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='fg-color'/></svg>" !default;
$icon-detail-push-background-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='fg-color'/></svg>" !default;
@mixin ios-icon-forward($fg-color) {
$svg: str-replace($icon-forward-ios-background-svg, 'fg-color', $fg-color);
@mixin ios-detail-push-icon($fg-color) {
$svg: str-replace($icon-detail-push-background-svg, 'fg-color', $fg-color);
@include svg-background-image($svg);
}

4
ionic/components/icon/test/basic/main.html
View File

@ -77,9 +77,9 @@
</code>
</ion-item>
<ion-item forward-icon>
<ion-item detail-push>
<code>
ion-item w/ [forward-icon] attr. text text text text text text
ion-item w/ [detail-push] attr. text text text text text text
</code>
</ion-item>

10
ionic/components/item/modes/ios.scss
View File

@ -20,7 +20,7 @@ $item-ios-padding-icon-bottom: 10px !default;
$item-ios-avatar-size: 3.6rem !default;
$item-ios-thumbnail-size: 5.6rem !default;
$item-ios-note-color: darken($item-ios-border-color, 10%) !default;
$item-ios-forward-icon-color: $item-ios-border-color !default;
$item-ios-detail-push-color: $item-ios-border-color !default;
$item-ios-divider-bg: #f5f5f5 !default;
$item-ios-divider-color: #222 !default;
@ -174,10 +174,10 @@ button.item {
.list,
.card {
button[ion-item]:not([no-forward-icon]),
a[ion-item]:not([no-forward-icon]),
[forward-icon] {
@include ios-icon-forward($item-ios-forward-icon-color);
button[ion-item]:not([detail-none]),
a[ion-item]:not([detail-push]),
[detail-push] {
@include ios-detail-push-icon($item-ios-detail-push-color);
background-repeat: no-repeat;
background-position: right ($item-ios-padding-right - 2) center;
background-size: 14px 14px;

2
ionic/components/item/modes/md.scss
View File

@ -23,7 +23,7 @@ $item-md-body-text-line-height: 1.5 !default;
$item-md-avatar-size: 4rem !default;
$item-md-thumbnail-size: 8rem !default;
$item-md-note-color: darken($item-md-border-color, 10%) !default;
$item-md-forward-icon-color: $item-md-border-color !default;
$item-md-detail-push-color: $item-md-border-color !default;
$item-md-divider-bg: #fff !default;
$item-md-divider-color: #222 !default;

13
ionic/components/item/test/icons/main.html
View File

@ -2,16 +2,16 @@
<ion-list>
<ion-item forward-icon>
ion-item [forward-icon] attr
<ion-item detail-push>
ion-item [detail-push] attr
</ion-item>
<a ion-item href="#">
a[ion-item] w/ forward icon
a[ion-item] w/ push detail
</a>
<button ion-item>
button[ion-item] w/ forward icon
button[ion-item] w/ push detail
</button>
<a ion-item href="#">
@ -34,10 +34,9 @@
button[ion-item] w/ left side icon
</button>
<button ion-item no-forward-icon>
<button ion-item detail-none>
<icon flag item-left></icon>
button[ion-item][no-foward-icon]
<icon checkmark item-right></icon>
button[ion-item][detail-none]
</button>
<ion-item>

2
ionic/components/menu/test/basic/main.html
View File

@ -12,7 +12,7 @@
{{p.title}}
</button>
<button ion-item menu-toggle="leftMenu" no-forward-icon class="e2eCloseMenu">
<button ion-item menu-toggle="leftMenu" detail-none class="e2eCloseMenu">
Close Menu
</button>

2
ionic/components/menu/test/overlay/main.html
View File

@ -8,7 +8,7 @@
<ion-list>
<button ion-item menu-toggle="leftMenu" no-forward-icon>
<button ion-item menu-toggle="leftMenu" detail-none>
Close Left Menu
</button>

2
ionic/components/menu/test/reveal/main.html
View File

@ -8,7 +8,7 @@
<ion-list>
<button ion-item menu-toggle="leftMenu" no-forward-icon>
<button ion-item menu-toggle="leftMenu" detail-none>
Close Left Menu
</button>