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 borders

Browse Source
This commit is contained in:
Adam Bradley
2015-04-02 15:16:29 -05:00
parent 3186e0838d
commit 94c10459b8
2 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/tabs/tabs.scss
View File

@@ -4,7 +4,7 @@
.tabs {
background: red;
}
.toolbar.tab-bar {

45
src/components/toolbar/extensions/ios.scss
View File

@@ -16,25 +16,6 @@ $toolbar-ios-button-background-color: transparent !default;
height: $toolbar-ios-height;
background: $toolbar-ios-background;
&:after {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
z-index: $z-index-toolbar-border;
display: block;
width: 100%;
height: 1px;
background-color: $toolbar-ios-border-color;
@include transform-origin(50%, 100%);
content: '';
}
.toolbar-primary-item {
@include flex-order(2);
}
@@ -64,4 +45,30 @@ $toolbar-ios-button-background-color: transparent !default;
background: $toolbar-ios-button-background-color;
}
// tab-bar bottom, border top (default)
&:after {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: $z-index-toolbar-border;
display: block;
width: 100%;
height: 1px;
background-color: $toolbar-ios-border-color;
@include transform-origin(50%, 100%);
content: '';
}
// tab-bar bottom, border top
&.toolbar-top:after {
top: auto;
bottom: 0;
}
}