javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix tab icon alignments, closes #493

Browse Source
This commit is contained in:
Adam Bradley
2014-01-30 22:16:27 -06:00
parent c3544d8a4a
commit 4d26f730bc
3 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
dist/css/ionic.css vendored
View File

@@ -1,4 +1,3 @@
@charset "UTF-8";
/*!
* Copyright 2014 Drifty Co.
* http://drifty.com/
@@ -3575,7 +3574,7 @@ a.subdued {
font-size: 12px;
line-height: 14px; }
.tab-item .icon:before {
.tab-item .icon {
display: block;
margin: 0 auto;
height: 32px;
@@ -3584,20 +3583,22 @@ a.subdued {
.tabs-icon-left .tab-item,
.tabs-icon-right .tab-item {
font-size: 12px; }
.tabs-icon-left .tab-item .icon:before,
.tabs-icon-right .tab-item .icon:before {
.tabs-icon-left .tab-item .icon,
.tabs-icon-right .tab-item .icon {
display: inline-block;
vertical-align: top;
font-size: 24px;
line-height: 49px; }
vertical-align: top; }
.tabs-icon-left .tab-item .icon:before,
.tabs-icon-right .tab-item .icon:before {
font-size: 24px;
line-height: 49px; }
.tabs-icon-left .tab-item .icon:before {
.tabs-icon-left .tab-item .icon {
padding-right: 3px; }
.tabs-icon-right .tab-item .icon:before {
.tabs-icon-right .tab-item .icon {
padding-left: 3px; }
.tabs-icon-only .icon:before {
.tabs-icon-only .icon {
line-height: inherit; }
/* Navigational tab */

4
dist/css/ionic.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
scss/_tabs.scss
View File

@@ -101,7 +101,7 @@
line-height: $tabs-text-font-size;
}
.tab-item .icon:before {
.tab-item .icon {
display: block;
margin: 0 auto;
height: $tabs-icon-size;
@@ -112,23 +112,26 @@
.tabs-icon-right .tab-item {
font-size: $tabs-text-font-size-side-icon;
.icon:before {
.icon {
display: inline-block;
vertical-align: top;
&:before {
font-size: $tabs-icon-size - 8;
line-height: $tabs-height;
}
}
}
.tabs-icon-left .tab-item .icon:before {
.tabs-icon-left .tab-item .icon {
padding-right: 3px;
}
.tabs-icon-right .tab-item .icon:before {
.tabs-icon-right .tab-item .icon {
padding-left: 3px;
}
.tabs-icon-only .icon:before {
.tabs-icon-only .icon {
line-height: inherit;
}