Skip to content
This repository has been archived by the owner on Jan 9, 2021. It is now read-only.

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

Open
jorendorff opened this issue May 22, 2014 · 3 comments
Open

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

jorendorff opened this issue May 22, 2014 · 3 comments

Comments

@jorendorff
Copy link
Owner

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
Copy link
Contributor

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
Copy link
Contributor

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 jorendorff changed the title Make it nicer for iPhone Make it nicer when the viewport is narrow May 27, 2014
@jorendorff jorendorff changed the title Make it nicer when the viewport is narrow Make it nicer when the viewport is narrow (mobile) May 27, 2014
@jorendorff
Copy link
Owner Author

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants