Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fixed Nav on Alerting page

pull/513/head
Alex P 2016-11-11 11:57:20 -08:00
parent 6caac58c6e
commit 370a3339bc
2 changed files with 25 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/alerts/containers/AlertsApp.js
View File

@ -112,11 +112,12 @@ const AlertsApp = React.createClass({
</div>
</div>
</div>
<div className="container-fluid">
<div className="row">
<div className="col-md-12">
{ this.renderSubComponents() }
<div className="hosts-page-scroll-container">
<div className="container-fluid">
<div className="row">
<div className="col-md-12">
{ this.renderSubComponents() }
</div>
</div>
</div>
</div>

50
ui/src/style/enterprise_style/hosts.scss
View File

@ -9,42 +9,30 @@
left: 0;
width: 100%;
height: 100%;
overflow: auto;
background: $g2-kevlar;
background: -moz-linear-gradient(top, $g2-kevlar 0%, $g0-obsidian 100%);
background: -webkit-linear-gradient(top, $g2-kevlar 0%, $g0-obsidian 100%);
background: linear-gradient(to bottom, $g2-kevlar 0%, $g0-obsidian 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$g2-kevlar', endColorstr='$g0-obsidian',GradientType=0 );
overflow: hidden !important;
@include gradient-v($g2-kevlar,$g0-obsidian);
color: $g17-whisper;
&::-webkit-scrollbar {
width: 14px;
height: 14px;
&-button {
background-color: $g0-obsidian;
}
&-track {
background-color: $g0-obsidian;
}
&-track-piece {
background: $g0-obsidian;
}
&-thumb {
background-color: $c-pool;
border: 4px solid $g0-obsidian;
border-radius: 7px;
}
&-corner {
background-color: $g0-obsidian;
}
&-resizer {
background-color: $c-pool;
}
}
.enterprise-header {
position: absolute;
top: 0;
width: 100%;
margin: 0;
background-color: $g0-obsidian;
}
.hosts-page-scroll-container {
position: absolute;
top: $enterprise-page-header-height;
left: 0;
width: 100%;
height: calc(100% - #{$enterprise-page-header-height});
overflow: auto;
@include custom-scrollbar($g0-obsidian,$c-pool);
.container-fluid {
padding-bottom: $enterprise-page-header-height;
}
}
.panel-minimal {
border: 0;