diff --git a/ionic/components/app/test/yerk/tabs.html b/ionic/components/app/test/yerk/tabs.html index b72d110beb..b9e3d06492 100644 --- a/ionic/components/app/test/yerk/tabs.html +++ b/ionic/components/app/test/yerk/tabs.html @@ -3,5 +3,5 @@ - + diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss index 7e62e390fa..4b84dfa59a 100644 --- a/ionic/components/item/modes/ios.scss +++ b/ionic/components/item/modes/ios.scss @@ -14,8 +14,8 @@ $item-ios-padding-left: 16px !default; $item-ios-padding-media-top: 10px !default; $item-ios-padding-media-bottom: 10px !default; -$item-ios-padding-icon-top: 8px !default; -$item-ios-padding-icon-bottom: 8px !default; +$item-ios-padding-icon-top: 10px !default; +$item-ios-padding-icon-bottom: 10px !default; $item-ios-avatar-size: 3.6rem !default; $item-ios-thumbnail-size: 5.6rem !default; @@ -92,23 +92,30 @@ $item-ios-forward-icon-color: $item-ios-border-color !default; [button][item-left], [button][item-right] { padding: 0 0.6em; - font-size: 1.5rem; + font-size: 1.3rem; min-height: 25px; } + [item-left].icon-only, + [item-right].icon-only, [item-left].icon-only icon, - [item-right].icon-only icon { - padding: 0; + [item-right].icon-only icon, + [item-left][clear], + [item-right][clear] { + padding: 0 1px; } [item-left].icon-left icon, [item-right].icon-left icon { - padding-right: 0.2em; + margin-left: 0; + margin-bottom: 1px; + padding-right: 0.3em; } [item-left].icon-right icon, [item-right].icon-right icon { - padding-left: 0.2em; + margin-right: 0; + margin-bottom: 1px; } .item-note { diff --git a/ionic/components/item/modes/material.scss b/ionic/components/item/modes/material.scss index ce74b48ad7..43b432f3fe 100644 --- a/ionic/components/item/modes/material.scss +++ b/ionic/components/item/modes/material.scss @@ -81,22 +81,32 @@ $item-md-forward-icon-color: $item-md-border-color !default; [button][item-right] { padding: 0 0.6em; min-height: 26px; - font-size: 1.3rem; + font-size: 1.2rem; } + [item-left].icon-only, + [item-right].icon-only, [item-left].icon-only icon, [item-right].icon-only icon { - padding: 0; + padding: 0 1px; + } + + [item-left][clear], + [item-right][clear] { + padding: 0 8px; } [item-left].icon-left icon, [item-right].icon-left icon { - padding-right: 0.2em; + margin-left: 0; + margin-bottom: 1px; + padding-right: 0.3em; } [item-left].icon-right icon, [item-right].icon-right icon { - padding-left: 0.2em; + margin-right: 0; + margin-bottom: 1px; } .item-text-wrap ion-item-content { diff --git a/ionic/components/item/test/buttons/main.html b/ionic/components/item/test/buttons/main.html index 8144d11812..c695a1449a 100644 --- a/ionic/components/item/test/buttons/main.html +++ b/ionic/components/item/test/buttons/main.html @@ -53,12 +53,12 @@ - icon only buttons - diff --git a/ionic/components/list/test/headers/main.html b/ionic/components/list/test/headers/main.html index dbb091df09..02234cf7f5 100644 --- a/ionic/components/list/test/headers/main.html +++ b/ionic/components/list/test/headers/main.html @@ -1,6 +1,6 @@ List Headers - + diff --git a/ionic/components/text-input/test/fixed-inline-labels/main.html b/ionic/components/text-input/test/fixed-inline-labels/main.html index 18c0539398..6ec8b8b413 100644 --- a/ionic/components/text-input/test/fixed-inline-labels/main.html +++ b/ionic/components/text-input/test/fixed-inline-labels/main.html @@ -48,7 +48,7 @@ - More Info + @@ -69,6 +69,7 @@ + Message diff --git a/ionic/components/toolbar/modes/ios.scss b/ionic/components/toolbar/modes/ios.scss index 7a8c98daef..45fc460cb1 100644 --- a/ionic/components/toolbar/modes/ios.scss +++ b/ionic/components/toolbar/modes/ios.scss @@ -50,15 +50,28 @@ $toolbar-ios-title-font-size: 1.7rem !default; overflow: inherit; } + .back-button-icon { + padding-right: 0.6rem; + } + button, [button] { margin-top: 0; margin-bottom: 0; + padding: 0 5px; min-height: 32px; } - .back-button-icon { - padding-right: 0.6rem; + button.icon-only, + [button].icon-only { + padding-right: 0; + padding-left: 0; + } + + button icon, + [button] icon { + padding: 0; + min-width: 28px; } } diff --git a/ionic/components/toolbar/modes/material.scss b/ionic/components/toolbar/modes/material.scss index 1d590f925b..e0e9412504 100644 --- a/ionic/components/toolbar/modes/material.scss +++ b/ionic/components/toolbar/modes/material.scss @@ -30,10 +30,24 @@ $toolbar-md-button-font-size: 1.4rem !default; [button].activated { margin-top: 0; margin-bottom: 0; + padding: 0 5px; + min-height: 32px; box-shadow: none; } - [aside-toggle], + button.icon-only, + [button].icon-only { + padding-right: 0; + padding-left: 0; + } + + button icon, + [button] icon { + padding: 0; + min-width: 28px; + } + + button[aside-toggle], [aside-toggle].activated { margin: -$toolbar-padding 0 -$toolbar-padding -$toolbar-padding; padding-bottom: $toolbar-padding / 2; diff --git a/ionic/components/toolbar/test/scenarios/main.html b/ionic/components/toolbar/test/scenarios/main.html index d1ce624544..8689291128 100644 --- a/ionic/components/toolbar/test/scenarios/main.html +++ b/ionic/components/toolbar/test/scenarios/main.html @@ -10,15 +10,15 @@ Defaults @@ -28,15 +28,15 @@ Defaults.hover @@ -46,15 +46,15 @@ Defaults.activated @@ -64,10 +64,10 @@ @@ -84,10 +84,10 @@ @@ -104,10 +104,10 @@ @@ -124,7 +124,7 @@ Outline @@ -143,7 +143,7 @@ Outline.hover @@ -162,7 +162,7 @@ Outline.activated @@ -226,7 +226,7 @@ diff --git a/ionic/components/toolbar/toolbar.scss b/ionic/components/toolbar/toolbar.scss index fe07df8d39..7e4f00a6d8 100644 --- a/ionic/components/toolbar/toolbar.scss +++ b/ionic/components/toolbar/toolbar.scss @@ -87,7 +87,7 @@ ion-title { } .toolbar [aside-toggle] icon { - padding: 0 14px; + padding: 0 12px; } .toolbar-item { diff --git a/ionic/fonts/ionicons-core.scss b/ionic/fonts/ionicons-core.scss index 1d6a12a286..981fcb4c6f 100644 --- a/ionic/fonts/ionicons-core.scss +++ b/ionic/fonts/ionicons-core.scss @@ -632,13 +632,9 @@ .ion-ios-moon-outline:before { content: "\f467"; } -.ion-ios-more-horizontal:before { content: "\f1c8"; } +.ion-ios-more:before { content: "\f1c8"; } -.ion-ios-more-horizontal-outline:before { content: "\f1c7"; } - -.ion-ios-more-vertical:before { content: "\f1ca"; } - -.ion-ios-more-vertical-outline:before { content: "\f1c9"; } +.ion-ios-more-outline:before { content: "\f1c7"; } .ion-ios-move:before { content: "\f1cb"; } @@ -1396,9 +1392,7 @@ .ion-md-moon:before { content: "\f32e"; } -.ion-md-more-horizontal:before { content: "\f32f"; } - -.ion-md-more-vertical:before { content: "\f330"; } +.ion-md-more:before { content: "\f1c9"; } .ion-md-move:before { content: "\f331"; } diff --git a/ionic/fonts/ionicons.ttf b/ionic/fonts/ionicons.ttf index e93dbcb85d..c0e395afba 100644 Binary files a/ionic/fonts/ionicons.ttf and b/ionic/fonts/ionicons.ttf differ diff --git a/ionic/fonts/ionicons.woff b/ionic/fonts/ionicons.woff index f29a1d9398..42a4c6c7ed 100644 Binary files a/ionic/fonts/ionicons.woff and b/ionic/fonts/ionicons.woff differ