iphone - screens with width smaller than 920px
Closed this issue · 3 comments
alfu32 commented
see SketchUp/ruby-api-docs#19 please
if this is the source for http://ruby.sketchup.com/
screen does not scroll on iphone.
it is completely unusable on an iphone.
tried in safari and chrome.
alfu32 commented
quick fix
in style.css
line 57
@media (max-width: 920px) {
.nav_wrap { display: none; }
}
modify
@media (max-width: 920px) {
.nav_wrap { display: none; }
#main {
/*height: 100%; not necessary for this test but present in the @media (min-width: 920px) */
/* overflow: auto; not necessary for this test but present in the @media (min-width: 920px) */
/* at least this */
overflow-y: scroll;
}
}
just copy the rule
#main { height: 100%; overflow: auto; }
from line 64 inside
@media (max-width: 920px) {
tested in chrome, dev tools open , activate responsive desgn, resize device width to less than 920px,or select iphone6
before : no body scrolling, no menu-icon in view, if menu open, menu scrolls
after : body scrolls , menu icon in view, menu scrolls;
thomthom commented
Thank you for looking into this and offer a fix. I'll see if I can get around to test this and integrate into the YARD templates this week.
thomthom commented
just copy the rule [...] from line 64 inside
To where?