es-spec-html icon indicating copy to clipboard operation
es-spec-html copied to clipboard
verified publisher icon jorendorff

Make it nicer when the viewport is narrow (mobile)

Open jorendorff opened this issue 11 years ago • 3 comments

It's not terrible on iPhone, but I see three problems:

  1. It's big and there's no realistic way to search it. This is hard to solve.
  2. The margins are rather luxurious. 6.8em is a lot of screen real estate to throw away. Probably we want different CSS for small displays, under @media (max-width:) rules; and a <meta name="viewport">.
  3. Something on the page is really wide. I don't know what. This makes the text end up not being centered in the viewport if you zoom out.

jorendorff avatar May 22 '14 20:05 jorendorff

s/iPhone/small viewports/

I’m working on this.

One small bug that blocks this is the following. In es6-draft.html#sec-regexp.prototype.split there are two <p> elements that should be <pre> (or <code>). The first one is /<(\/)?([^<>]+)>/.split("A<B>bold</B>and<CODE>coded</CODE>"), the other one is close to it.

mathiasbynens avatar May 23 '14 09:05 mathiasbynens

Some more things that should be changed in the output to make this work: https://github.com/jorendorff/es-spec-html/pull/70/files#diff-1

mathiasbynens avatar May 23 '14 10:05 mathiasbynens

It looks worse on FirefoxOS 1.3, which I guess doesn't do silly viewport tricks by default.

jorendorff avatar Jun 11 '14 19:06 jorendorff