Return-Path: <commits-return-43826-archive-asf-public=cust-asf.ponee.io@ambari.apache.org>
X-Original-To: archive-asf-public-internal@cust-asf2.ponee.io
Delivered-To: archive-asf-public-internal@cust-asf2.ponee.io
Received: from cust-asf.ponee.io (cust-asf.ponee.io [163.172.22.183])
	by cust-asf2.ponee.io (Postfix) with ESMTP id 9AB84200CAF
	for <archive-asf-public-internal@cust-asf2.ponee.io>; Thu, 22 Jun 2017 15:16:31 +0200 (CEST)
Received: by cust-asf.ponee.io (Postfix)
	id 995D7160BE7; Thu, 22 Jun 2017 13:16:31 +0000 (UTC)
Delivered-To: archive-asf-public@cust-asf.ponee.io
Received: from mail.apache.org (hermes.apache.org [140.211.11.3])
	by cust-asf.ponee.io (Postfix) with SMTP id B0313160C00
	for <archive-asf-public@cust-asf.ponee.io>; Thu, 22 Jun 2017 15:16:30 +0200 (CEST)
Received: (qmail 86435 invoked by uid 500); 22 Jun 2017 13:16:29 -0000
Mailing-List: contact commits-help@ambari.apache.org; run by ezmlm
Precedence: bulk
List-Help: <mailto:commits-help@ambari.apache.org>
List-Unsubscribe: <mailto:commits-unsubscribe@ambari.apache.org>
List-Post: <mailto:commits@ambari.apache.org>
List-Id: <commits.ambari.apache.org>
Reply-To: ambari-dev@ambari.apache.org
Delivered-To: mailing list commits@ambari.apache.org
Received: (qmail 86189 invoked by uid 99); 22 Jun 2017 13:16:29 -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; Thu, 22 Jun 2017 13:16:29 +0000
Received: by git1-us-west.apache.org (ASF Mail Server at git1-us-west.apache.org, from userid 33)
	id C4EA0E9679; Thu, 22 Jun 2017 13:16:28 +0000 (UTC)
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
From: ababiichuk@apache.org
To: commits@ambari.apache.org
Date: Thu, 22 Jun 2017 13:16:40 -0000
Message-Id: <f59b8426f0ca420e81a9d91587945ceb@git.apache.org>
In-Reply-To: <5b3766cfe9e640b39d908db741ebdc83@git.apache.org>
References: <5b3766cfe9e640b39d908db741ebdc83@git.apache.org>
X-Mailer: ASF-Git Admin Mailer
Subject: [13/21] ambari git commit: AMBARI-21316 Log Search UI: dock
 navigation bar to top. (ababiichuk)
archived-at: Thu, 22 Jun 2017 13:16:31 -0000

AMBARI-21316 Log Search UI: dock navigation bar to top. (ababiichuk)


Project: http://git-wip-us.apache.org/repos/asf/ambari/repo
Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/c57329cd
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/c57329cd
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/c57329cd

Branch: refs/heads/branch-feature-logsearch-ui
Commit: c57329cd4dafc71507ef88cd2b20ae9d0e02d66d
Parents: 603297a
Author: ababiichuk <ababiichuk@hortonworks.com>
Authored: Thu Jun 1 16:08:41 2017 +0300
Committer: ababiichuk <ababiichuk@hortonworks.com>
Committed: Thu Jun 22 15:36:00 2017 +0300

----------------------------------------------------------------------
 .../src/app/app.component.html                  | 20 ++++++++++++++------
 .../src/app/app.component.less                  |  7 +++++--
 .../ambari-logsearch-web-new/src/styles.less    |  3 +++
 3 files changed, 22 insertions(+), 8 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ambari/blob/c57329cd/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.html
----------------------------------------------------------------------
diff --git a/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.html b/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.html
index 9b44246..8b8687a 100644
--- a/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.html
+++ b/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.html
@@ -15,10 +15,18 @@
   limitations under the License.
 -->
 
-<nav class="navbar">
-  <div class="container-fluid">
-    <h1 [ngClass]="{'full-flex-width': !httpClient.isAuthorized, 'navbar-left': true}">{{'common.title' | translate}}</h1>
-    <top-menu *ngIf="httpClient.isAuthorized" class="navbar-right"></top-menu>
-  </div>
-</nav>
+<header>
+  <nav class="navbar navbar-fixed-top">
+    <div class="container-fluid">
+      <h1 [ngClass]="{'full-flex-width': !httpClient.isAuthorized, 'navbar-left': true}">{{'common.title' | translate}}</h1>
+      <top-menu *ngIf="httpClient.isAuthorized" class="navbar-right"></top-menu>
+    </div>
+  </nav>
+</header>
+
+<!-- hidden element for moving the main bar outside the fixed header -->
+<div class="navbar invisible">
+  <h1>&nbsp;</h1>
+</div>
+
 <login-form *ngIf="!httpClient.isAuthorized"></login-form>

http://git-wip-us.apache.org/repos/asf/ambari/blob/c57329cd/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.less
----------------------------------------------------------------------
diff --git a/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.less b/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.less
index d8410cf..e09da49 100644
--- a/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.less
+++ b/ambari-logsearch/ambari-logsearch-web-new/src/app/app.component.less
@@ -15,9 +15,12 @@
  * limitations under the License.
  */
 
+
+@import '../styles.less';
+
 .navbar {
   border-radius: 0;
-  background-color: #323544;
+  background-color: @navbar-background-color;
   color: #fff;
 
   .container-fluid {
@@ -28,7 +31,7 @@
 
   h1 {
     flex-basis: 70%;
-    margin-bottom: 20px;
+    margin-bottom: @h1-vertical-margin;
     text-transform: uppercase;
 
     &.full-flex-width {

http://git-wip-us.apache.org/repos/asf/ambari/blob/c57329cd/ambari-logsearch/ambari-logsearch-web-new/src/styles.less
----------------------------------------------------------------------
diff --git a/ambari-logsearch/ambari-logsearch-web-new/src/styles.less b/ambari-logsearch/ambari-logsearch-web-new/src/styles.less
index 5d5f1e3..24136fe 100644
--- a/ambari-logsearch/ambari-logsearch-web-new/src/styles.less
+++ b/ambari-logsearch/ambari-logsearch-web-new/src/styles.less
@@ -15,3 +15,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
+@navbar-background-color: #323544;
+@h1-vertical-margin: 20px;