Mercurial > hg > thermostat-ng > web-client

changeset 232:3403192235d0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Breadcrumbs stick to top of container Reviewed-by: jkang Review-thread: http://icedtea.classpath.org/pipermail/thermostat/2017-September/025187.html
author Andrew Azores <aazores@redhat.com>
date Thu, 28 Sep 2017 15:14:34 -0400
parents ba401daa2732
children 9831c5578719
files src/app/components/jvm-info/jvm-info.html src/app/components/jvm-list/jvm-list.html src/app/components/multichart/multichart.html src/app/components/system-info/system-info.html
diffstat 4 files changed, 31 insertions(+), 18 deletions(-) [+]
line wrap: on
line diff
--- a/src/app/components/jvm-info/jvm-info.html	Mon Sep 25 14:16:48 2017 -0400
+++ b/src/app/components/jvm-info/jvm-info.html	Thu Sep 28 15:14:34 2017 -0400
@@ -1,10 +1,13 @@
+<div class="row panel panel-default" style="position: sticky; top: 60px; z-index: 1">
+  <div class="panel-body">
+    <ol class="breadcrumb" style="margin-top: 0px; margin-bottom: 0px;">
+      <li><a ui-sref="jvmList({ '#': $ctrl.systemId })" translate>jvmInfo.JVM_LIST_BREADCRUMB</a></li>
+      <li><a ui-sref="systemInfo({ systemId: $ctrl.systemId })">{{$ctrl.systemHostname}}</a></li>
+      <li><a ui-sref="jvmInfo({ systemId: $ctrl.systemId, jvmId: $ctrl.jvmId })">{{$ctrl.jvmInfo.mainClass | extractClass}}</a></li>
+    </ol>
+  </div>
+</div>
 <div class="container-fluid container-cards-pf">
-  <ol class="breadcrumb" style="margin-bottom: 0px;">
-    <li><a ui-sref="jvmList({ '#': $ctrl.systemId })" translate>jvmInfo.JVM_LIST_BREADCRUMB</a></li>
-    <li><a ui-sref="systemInfo({ systemId: $ctrl.systemId })">{{$ctrl.systemHostname}}</a></li>
-    <li><a ui-sref="jvmInfo({ systemId: $ctrl.systemId, jvmId: $ctrl.jvmId })">{{$ctrl.jvmInfo.mainClass | extractClass}}</a></li>
-  </ol>
-
   <customizable-error-message ng-show="$ctrl.showErr" dismissible="true" err-title="$ctrl.errTitle" err-message="$ctrl.errMessage"></customizable-error-message>
 
   <div class="row">
--- a/src/app/components/jvm-list/jvm-list.html	Mon Sep 25 14:16:48 2017 -0400
+++ b/src/app/components/jvm-list/jvm-list.html	Thu Sep 28 15:14:34 2017 -0400
@@ -1,7 +1,11 @@
+<div class="row panel panel-default" style="position: sticky; top: 60px; z-index: 2">
+  <div class="panel-body">
+    <ol class="breadcrumb" style="margin-top: 0px; margin-bottom: 0px;">
+      <li><a ui-sref="jvmList" translate>jvmList.BREADCRUMB</a></li>
+    </ol>
+  </div>
+</div>
 <div class="container-fluid container-cards-pf">
-  <ol class="breadcrumb" style="margin-bottom: 0px;">
-    <li><a ui-sref="jvmList" translate>jvmList.BREADCRUMB</a></li>
-  </ol>
   <div class="jvmList-container">
     <div class="text-right">
       <label for="aliveOnlySwitch" class="label label-default" translate>jvmList.ALIVE_ONLY</label>
--- a/src/app/components/multichart/multichart.html	Mon Sep 25 14:16:48 2017 -0400
+++ b/src/app/components/multichart/multichart.html	Thu Sep 28 15:14:34 2017 -0400
@@ -1,8 +1,11 @@
+<div class="row panel panel-default" style="position: sticky; top: 60px; z-index: 1">
+  <div class="panel-body">
+    <ol class="breadcrumb" style="margin-top: 0px; margin-bottom: 0px;">
+      <li><a ui-sref="multichart" translate>multicharts.BREADCRUMB</a></li>
+    </ol>
+  </div>
+</div>
 <div class="container-fluid container-cards-pf">
-  <ol class="breadcrumb" style="margin-bottom: 0px;">
-    <li><a ui-sref="multichart" translate>multicharts.BREADCRUMB</a></li>
-  </ol>
-
   <customizable-error-message ng-show="$ctrl.showErr" dismissible="true" err-title="$ctrl.errTitle"
                                                                          err-message="$ctrl.errMessage"/>
 
--- a/src/app/components/system-info/system-info.html	Mon Sep 25 14:16:48 2017 -0400
+++ b/src/app/components/system-info/system-info.html	Thu Sep 28 15:14:34 2017 -0400
@@ -1,9 +1,12 @@
+<div class="row panel panel-default" style="position: sticky; top: 60px; z-index: 1">
+  <div class="panel-body">
+    <ol class="breadcrumb" style="margin-top: 0px; margin-bottom: 0px;">
+      <li><a ui-sref="jvmList({ '#': $ctrl.systemId })" translate>systemInfo.JVM_LIST_BREADCRUMB</a></li>
+      <li><a ui-sref="systemInfo({ systemId: $ctrl.systemId })">{{$ctrl.systemInfo.hostname || $ctrl.systemId}}</a></li>
+    </ol>
+  </div>
+</div>
 <div class="container-fluid container-cards-pf">
-  <ol class="breadcrumb" style="margin-bottom: 0px;">
-    <li><a ui-sref="jvmList({ '#': $ctrl.systemId })" translate>systemInfo.JVM_LIST_BREADCRUMB</a></li>
-    <li><a ui-sref="systemInfo({ systemId: $ctrl.systemId })">{{$ctrl.systemInfo.hostname || $ctrl.systemId}}</a></li>
-  </ol>
-
   <customizable-error-message ng-show="$ctrl.showErr" dismissible="true" err-message="errMessage" err-title="errTitle"></customizable-error-message>
 
   <div ng-show="!$ctrl.showErr">