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(tabs-item-hide): only hide tab nav items

Browse Source
This commit is contained in:
Andy Joslin
2014-04-21 17:17:34 -06:00
parent af2302ecc1
commit a7eb521c90
1 changed files with 5 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
scss/_tabs.scss
View File

@@ -124,15 +124,11 @@
}
}
.tabs-item-hide,
.tabs-item-hide > .tabs {
.tabs-item-hide > .tabs,
.tabs.tabs-item-hide {
display: none;
}
/* Allow parent element to have tabs-top */
/* If you change this, change platform.scss as well */
.tabs.tabs-icon-top > .tab-item,
.tabs.tabs-icon-bottom > .tab-item,
.tabs-icon-top > .tabs .tab-item,
.tabs-icon-bottom > .tabs .tab-item {
font-size: $tabs-text-font-size-side-icon;
@@ -146,8 +142,6 @@
font-size: $tabs-icon-size;
}
.tabs.tabs-icon-left > .tab-item,
.tabs.tabs-icon-right > .tab-item,
.tabs-icon-left > .tabs .tab-item,
.tabs-icon-right > .tabs .tab-item {
font-size: $tabs-text-font-size-side-icon;
@@ -163,18 +157,15 @@
}
}
.tabs-icon-left > .tabs > .tab-item .icon,
.tabs.tabs-icon-left > .tab-item .icon {
.tabs-icon-left .tab-item .icon {
padding-right: 3px;
}
.tabs-icon-right > .tabs > .tab-item .icon,
.tabs.tabs-icon-right > .tab-item .icon {
.tabs-icon-right .tab-item .icon {
padding-left: 3px;
}
.tabs-icon-only > .tabs > .tab-item .icon,
.tabs.tabs-icon-only > .tab-item .icon {
.tabs-icon-only .icon {
line-height: inherit;
}