Return-Path: X-Original-To: apmail-hbase-commits-archive@www.apache.org Delivered-To: apmail-hbase-commits-archive@www.apache.org Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by minotaur.apache.org (Postfix) with SMTP id 0C9C61870A for ; Tue, 10 Nov 2015 19:05:48 +0000 (UTC) Received: (qmail 80159 invoked by uid 500); 10 Nov 2015 19:05:45 -0000 Delivered-To: apmail-hbase-commits-archive@hbase.apache.org Received: (qmail 79956 invoked by uid 500); 10 Nov 2015 19:05:45 -0000 Mailing-List: contact commits-help@hbase.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@hbase.apache.org Delivered-To: mailing list commits@hbase.apache.org Received: (qmail 78726 invoked by uid 99); 10 Nov 2015 19:05:44 -0000 Received: from git1-us-west.apache.org (HELO git1-us-west.apache.org) (140.211.11.23) by apache.org (qpsmtpd/0.29) with ESMTP; Tue, 10 Nov 2015 19:05:44 +0000 Received: by git1-us-west.apache.org (ASF Mail Server at git1-us-west.apache.org, from userid 33) id 64B9CE5700; Tue, 10 Nov 2015 19:05:44 +0000 (UTC) Content-Type: text/plain; charset="us-ascii" MIME-Version: 1.0 Content-Transfer-Encoding: 8bit From: syuanjiang@apache.org To: commits@hbase.apache.org Date: Tue, 10 Nov 2015 19:06:04 -0000 Message-Id: <206e8a9b6a3a4442a39455afb8969bdd@git.apache.org> In-Reply-To: <474459395d44492181dab069c54fa644@git.apache.org> References: <474459395d44492181dab069c54fa644@git.apache.org> X-Mailer: ASF-Git Admin Mailer Subject: [21/22] hbase git commit: HBASE-14785 Hamburger menu for mobile site HBASE-14785 Hamburger menu for mobile site This requires use of a custom maven-fluido-skin JAR, also attached to the JIRA More CSS fix-ups Project: http://git-wip-us.apache.org/repos/asf/hbase/repo Commit: http://git-wip-us.apache.org/repos/asf/hbase/commit/98052222 Tree: http://git-wip-us.apache.org/repos/asf/hbase/tree/98052222 Diff: http://git-wip-us.apache.org/repos/asf/hbase/diff/98052222 Branch: refs/heads/hbase-12439 Commit: 98052222b00377f94e35f1d9e9255d8da8ce67d8 Parents: 32de06f Author: Misty Stanley-Jones Authored: Mon Nov 9 08:45:09 2015 +1000 Committer: Misty Stanley-Jones Committed: Tue Nov 10 15:17:00 2015 +1000 ---------------------------------------------------------------------- src/main/site/resources/css/site.css | 66 ++++++++++--------------------- src/main/site/site.xml | 12 +++--- 2 files changed, 27 insertions(+), 51 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/hbase/blob/98052222/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 32ab564..5017ca5 100644 --- a/src/main/site/resources/css/site.css +++ b/src/main/site/resources/css/site.css @@ -47,9 +47,12 @@ footer { footer .row, footer p, footer .pull-right { margin: 5px; } -form#search-form.navbar-search.pull-right { - width: 150px; - margin-right: 33px; +div#search-form.navbar-search.pull-right { + width: 290px; + margin-right: 0; + margin-top: -5px; + margin-left: 0; + position: initial; } li#publishDate.pull-right { margin-top: -23px; @@ -61,9 +64,7 @@ li#publishDate.pull-right { .navbar-fixed-bottom .container, .navbar-inner { width: 100%; - margin: 2px; } - /* Change the color and effect when clicking in menus */ .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, @@ -75,48 +76,21 @@ li#publishDate.pull-right { font-weight: bolder; } -/* On small screens, put the search form on its own line */ -@media only screen and (max-width: 767px) { - body { - width: 100%; - font-size: 120%; - } - div#topbar, - div#banner, - div#breadcrumbs, - div#bodyColumn, - footer { - width: 98%; - margin-left: 5px; - margin-right: 5px; - clear: both; - margin-bottom: 2px; - } - div#banner { - margin-top: 90px; - } - form#search-form.navbar-search.pull-right, .pull-right { - width: 95%; - margin: 2px; - float: left; - clear: both; - } - li#publishDate.pull-right { - display: block; - width: 95%; - float: left; - margin-top: 5px; - list-style: none; - } +.dropdown-backdrop { + position: static; } -// 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%; +@media only screen and (max-width: 977px) { + /* Without this rule, drop-down divs are a fixed height + * the first time they are expanded */ + .collapse.in { + height: auto; + overflow: visible; + } + div#search-form.navbar-search.pull-right { + padding: 0; + margin-left: ; + width: 100%; + clear: both; } } - - http://git-wip-us.apache.org/repos/asf/hbase/blob/98052222/src/main/site/site.xml ---------------------------------------------------------------------- diff --git a/src/main/site/site.xml b/src/main/site/site.xml index cf878be..48a2dbc 100644 --- a/src/main/site/site.xml +++ b/src/main/site/site.xml @@ -25,14 +25,15 @@ org.apache.maven.skins maven-fluido-skin - 1.4 + 1.5-HBASE true - width: 98%; false - + + 000385458301414556862:sq1bb0xugjg + false true ยป @@ -53,9 +54,10 @@ - + + - +