HBASE-14774 Raise the font size on high-DPI small-screen devices like iPhone 6+
Project: http://git-wip-us.apache.org/repos/asf/hbase/repo Commit: http://git-wip-us.apache.org/repos/asf/hbase/commit/0edd51d2 Tree: http://git-wip-us.apache.org/repos/asf/hbase/tree/0edd51d2 Diff: http://git-wip-us.apache.org/repos/asf/hbase/diff/0edd51d2 Branch: refs/heads/hbase-12439 Commit: 0edd51d2e26caf00ed29a3118c9da23f50977e27 Parents: bea2f7f Author: Misty Stanley-Jones <mstanleyjo...@cloudera.com> Authored: Fri Nov 6 10:00:33 2015 +1000 Committer: Misty Stanley-Jones <mstanleyjo...@cloudera.com> Committed: Sat Nov 7 15:37:47 2015 +1000 ---------------------------------------------------------------------- src/main/site/resources/css/site.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/hbase/blob/0edd51d2/src/main/site/resources/css/site.css ---------------------------------------------------------------------- diff --git a/src/main/site/resources/css/site.css b/src/main/site/resources/css/site.css index b1493fc..32ab564 100644 --- a/src/main/site/resources/css/site.css +++ b/src/main/site/resources/css/site.css @@ -76,7 +76,7 @@ li#publishDate.pull-right { } /* On small screens, put the search form on its own line */ -@media only screen and (max-width: 800px) { +@media only screen and (max-width: 767px) { body { width: 100%; font-size: 120%; @@ -110,5 +110,13 @@ li#publishDate.pull-right { } } +// Make the font size even bigger on high-DPI small-screen devices +// such as iphone 6 and 6+ but not iPad (768 px) +only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio : 1.5), +only screen and (max-width: 767px) and (min-device-pixel-ratio : 1.5) { + body { + font-size: 140%; + } +}