Browse Source

tab bars

pull/253/head
connors 11 years ago
parent
commit
9587716c6c
  1. 3
      dist/android-theme.css
  2. 4
      dist/ratchet.css
  3. 3
      docs-assets/css/docs.css
  4. 4
      lib/sass/bars.scss
  5. 4
      lib/sass/theme-android.scss

3
dist/android-theme.css vendored

@ -48,6 +48,9 @@ body {
border-bottom: 0; border-bottom: 0;
box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0, 0, 0, 0.07); box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0, 0, 0, 0.07);
} }
.bar-tab .tab-item .icon {
margin-top: 0;
}
.title { .title {
position: static; position: static;

4
dist/ratchet.css vendored

@ -394,7 +394,7 @@ p {
display: table-cell; display: table-cell;
height: 100%; height: 100%;
width: 1%; width: 1%;
padding-top: 9px; vertical-align: bottom;
text-align: center; text-align: center;
} }
.bar-tab .tab-item .tab-label, .bar-tab .tab-item .tab-label,
@ -409,7 +409,7 @@ p {
.bar-tab .tab-item .icon { .bar-tab .tab-item .icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-top: -2px; margin-top: 0;
} }
.bar-tab .tab-item.active .tab-label, .bar-tab .tab-item.active .tab-label,
.bar-tab .tab-item.active .icon, .bar-tab .tab-item:active .tab-label, .bar-tab .tab-item.active .icon, .bar-tab .tab-item:active .tab-label,

3
docs-assets/css/docs.css

@ -1220,6 +1220,9 @@ hr {
border-bottom: 0; border-bottom: 0;
box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0, 0, 0, 0.07); box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0, 0, 0, 0.07);
} }
.platform-android .bar-tab .tab-item .icon {
margin-top: 0;
}
.platform-android .title { .platform-android .title {
position: static; position: static;
padding-left: 15px; padding-left: 15px;

4
lib/sass/bars.scss

@ -90,7 +90,7 @@
display: table-cell; display: table-cell;
height: 100%; height: 100%;
width: 1%; width: 1%;
padding-top: 9px; vertical-align: bottom;
text-align: center; text-align: center;
.tab-label, .tab-label,
@ -108,7 +108,7 @@
.icon { .icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-top: -2px; margin-top: 0;
} }
// Active states for the tab bar // Active states for the tab bar

4
lib/sass/theme-android.scss

@ -84,6 +84,10 @@ body {
border-top: $border-default; border-top: $border-default;
border-bottom: 0; border-bottom: 0;
box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0,0,0,.07); box-shadow: inset 0 2px 0 #d2d2d2, 0 -3px 3px rgba(0,0,0,.07);
.tab-item .icon {
margin-top: 0;
}
} }
// Left aligned text in the .bar-nav // Left aligned text in the .bar-nav
.title { .title {

Loading…
Cancel
Save