search

jorendorff / es-spec-html

An HTML version of the ECMAScript draft specification autogenerated from the source
http://ecma-international.org/ecma-262/5.1/
51 stars 17 forks source link

Make it nicer when the viewport is narrow (mobile) #69

Open jorendorff opened 10 years ago

jorendorff commented 10 years ago

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.
mathiasbynens commented 10 years ago

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 commented 10 years ago

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

jorendorff commented 10 years ago

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