Mercurial > hg > thermostat-ng > web-client
view src/app/components/multichart/multichart.html @ 232:3403192235d0
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 | b686b8d24638 |
children | 9831c5578719 |
line wrap: on
line source
<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"> <customizable-error-message ng-show="$ctrl.showErr" dismissible="true" err-title="$ctrl.errTitle" err-message="$ctrl.errMessage"/> <div class="row"> <div class="col-xs-12 col-md-4"> <form name="$ctrl.form" class="input-group" ng-submit="$ctrl.createChart()"> <span class="input-group-addon" translate>multicharts.form.NAME</span> <input type="text" class="form-control" translate-attr="{ placeholder: 'multicharts.form.PLACEHOLDER' }" ng-model="$ctrl.newChartName"/> <input type="submit" translate-attr="{ value: 'multicharts.form.SUBMIT_LABEL' }"/> </form> </div> </div> <div class="row row-cards-pf"> <div class="container-fluid container-cards-pf"> <div ng-repeat="chart in $ctrl.chartNames"> <div class="col-xs-12 col-md-10"> <multichart-chart chart="chart"></multichart-chart> </div> </div> </div> </div> </div>