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

tab-bar min/max widths

Browse Source
This commit is contained in:
Adam Bradley
2015-04-10 14:26:02 -05:00
parent a5aeaf41da
commit 749eef2232
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,8 +4,10 @@
$tab-bar-min-height: 66px !default; $tab-bar-min-height: 66px !default;
$tab-bar-background-color: #f7f7f8 !default; $tab-bar-background-color: #f7f7f8 !default;
$tab-bar-item-padding: 10px !default; $tab-bar-item-padding: 10px !default;
$tab-bar-item-min-width: 100px !default; $tab-bar-item-min-width: 80px !default;
$tab-bar-item-max-width: 160px !default;
.tabs { .tabs {
@ -22,6 +24,7 @@ $tab-bar-item-min-width: 100px !default;
.tab-bar-container { .tab-bar-container {
@include flex-display(); @include flex-display();
@include flex-justify-content(center);
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
@ -35,8 +38,9 @@ $tab-bar-item-min-width: 100px !default;
padding: $tab-bar-item-padding; padding: $tab-bar-item-padding;
min-width: $tab-bar-item-min-width; min-width: $tab-bar-item-min-width;
text-align: center; max-width: $tab-bar-item-max-width;
text-align: center;
cursor: pointer; cursor: pointer;
@include user-select(none); @include user-select(none);
} }