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

iOS tab-bar hairline

Browse Source
This commit is contained in:
Adam Bradley
2015-07-24 15:08:09 -05:00
parent c8d03793a3
commit 82c650e2e5
4 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ionic/components/tabs/extensions/ios.scss
View File

@@ -12,6 +12,12 @@ $tab-bar-ios-height: 50px !default;
.tab-bar {
min-height: $tab-bar-ios-height;
border-top: 1px solid $toolbar-ios-border-color;
}
&[tab-bar-placement="top"] .tab-bar {
border-top: none;
border-bottom: 1px solid $toolbar-ios-border-color;
}
.tab-button {
@@ -37,16 +43,16 @@ $tab-bar-ios-height: 50px !default;
}
}
&[tab-bar-placement="bottom"] .tab-bar-container {
@include hairline(top, $toolbar-ios-border-color);
}
.hairlines .tabs[mode="ios"] {
.tab-bar {
border-top-width: 0.5px;
}
&[tab-bar-placement="top"] .tab-bar-container {
@include hairline(bottom, $toolbar-ios-border-color);
}
&[tab-bar-placement="top"] .toolbar-container .toolbar {
@include hairline(bottom, none);
&[tab-bar-placement="top"] .tab-bar {
border-bottom-width: 0.5px;
}
}