Modify overflow behavior to remove horizontal scrolling edge cases

(imported from commit 262d0b6432fe660c1dfe764f7d380e580a8c28e9)
This commit is contained in:
Allen Rabinovich 2013-08-16 08:29:37 -07:00
parent 12058b0880
commit d4fe5c3e50
1 changed files with 11 additions and 8 deletions

View File

@ -1,10 +1,11 @@
body, html { body, html {
width: 100%; width: 100%;
overflow-x: hidden;
} }
body { body {
font-family: 'Humbug', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Humbug', 'Helvetica Neue', Helvetica, Arial, sans-serif;
overflow-y: scroll; overflow-y: auto;
} }
/* Common background color */ /* Common background color */
@ -2250,7 +2251,7 @@ div.edit_bot {
} }
#home { #home {
margin-top: 40px; margin-top: 41px;
} }
#settings-change-box .gravatar-profile { #settings-change-box .gravatar-profile {
@ -2371,7 +2372,7 @@ div.edit_bot {
} }
@media (max-width: 950px) { @media (max-width: 975px) {
.screen-full-show { .screen-full-show {
display: none !important; display: none !important;
@ -2438,7 +2439,7 @@ div.edit_bot {
} }
@media (max-width: 767px) { @media (max-width: 775px) {
body { body {
padding: 0px; padding: 0px;
@ -2456,10 +2457,6 @@ div.edit_bot {
min-width: 350px; min-width: 350px;
} }
body, html {
overflow-x: scroll;
}
.column-middle, .app-main .column-middle { .column-middle, .app-main .column-middle {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
@ -2487,6 +2484,12 @@ div.edit_bot {
} }
} }
@media (max-width: 350px) {
html {
overflow-x: scroll;
}
}
/* /*
@media (max-width: 480px) { @media (max-width: 480px) {