SketchUp/sketchup-yard-template

iphone - screens with width smaller than 920px

Closed this issue · 3 comments

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.

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;

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.

just copy the rule [...] from line 64 inside

To where?