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

Fixed Nav on Alerting page

pull/10616/head
Alex P 2016-11-11 11:57:20 -08:00
parent 370b9098da
commit 6e0c1e9c08
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>
</div> </div>
<div className="hosts-page-scroll-container">
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-md-12"> <div className="col-md-12">
{ this.renderSubComponents() } { this.renderSubComponents() }
</div>
</div> </div>
</div> </div>
</div> </div>

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

@ -9,42 +9,30 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto; overflow: hidden !important;
background: $g2-kevlar; @include gradient-v($g2-kevlar,$g0-obsidian);
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 );
color: $g17-whisper; 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 { .enterprise-header {
position: absolute;
top: 0;
width: 100%;
margin: 0;
background-color: $g0-obsidian; 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 { .panel-minimal {
border: 0; border: 0;