Skip to content

Commit

Permalink
fix padding for android tab bar
Browse files Browse the repository at this point in the history
  • Loading branch information
connors committed Mar 3, 2014
1 parent 6f0b519 commit 2cc5013
Show file tree
Hide file tree
Showing 5 changed files with 42 additions and 11 deletions.
13 changes: 11 additions & 2 deletions dist/ratchet-theme-android.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,21 @@ a:active {
padding-top: 50px;
}

.bar-header-secondary ~ .content {
padding-top: 100px;
}

.bar-tab ~ .content {
padding-top: 50px;
padding-bottom: 0;
}

.bar-footer ~ .content {
padding-bottom: 50px;
}

.bar-header-secondary ~ .content {
padding-top: 100px;
.bar-footer-secondary ~ .content {
padding-bottom: 100px;
}

.btn {
Expand Down
11 changes: 9 additions & 2 deletions docs/assets/css/docs.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1615,11 +1615,18 @@ hr {
.platform-android .bar-nav ~ .content {
padding-top: 50px;
}
.platform-android .bar-header-secondary ~ .content {
padding-top: 100px;
}
.platform-android .bar-tab ~ .content {
padding-top: 50px;
padding-bottom: 0;
}
.platform-android .bar-footer ~ .content {
padding-bottom: 50px;
}
.platform-android .bar-header-secondary ~ .content {
padding-top: 100px;
.platform-android .bar-footer-secondary ~ .content {
padding-bottom: 100px;
}
.platform-android .btn {
padding: 8px 15px;
Expand Down
2 changes: 1 addition & 1 deletion docs/assets/css/docs.min.css
View file

Large diffs are not rendered by default.

13 changes: 11 additions & 2 deletions docs/dist/ratchet-theme-android.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,21 @@ a:active {
padding-top: 50px;
}

.bar-header-secondary ~ .content {
padding-top: 100px;
}

.bar-tab ~ .content {
padding-top: 50px;
padding-bottom: 0;
}

.bar-footer ~ .content {
padding-bottom: 50px;
}

.bar-header-secondary ~ .content {
padding-top: 100px;
.bar-footer-secondary ~ .content {
padding-bottom: 100px;
}

.btn {
Expand Down
14 changes: 10 additions & 4 deletions sass/theme-android.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,13 +66,19 @@ a {
.bar-nav ~ .content {
padding-top: $bar-base-height;
}
.bar-tab ~ .content {
padding-bottom: $bar-tab-height;
}
.bar-header-secondary ~ .content {
padding-top: $bar-base-height*2;
}

.bar-tab ~ .content {
padding-top: $bar-tab-height;
padding-bottom: 0;
}
.bar-footer ~ .content {
padding-bottom: $bar-base-height;
}
.bar-footer-secondary ~ .content {
padding-bottom: ($bar-base-height*2);
}

// Buttons
// --------------------------------------------------
Expand Down

3 comments on commit 2cc5013

@XhmikosR
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't you include docs.scss too?

@XhmikosR
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Duh, you are right, sorry for that :)

@connors
Copy link
Collaborator

@connors connors commented on 2cc5013 Mar 3, 2014

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❤️

Please sign in to comment.