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

Add style for full-width no-scroll page headers 

does not factor in the scrollbar width in the header
pull/10616/head
Alex P 2017-04-14 12:29:42 -07:00
parent a7dfb5af5f
commit 52e2abc66b
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/data_explorer/containers/Header.js
View File

@ -40,7 +40,7 @@ const Header = React.createClass({
const {autoRefresh, actions: {handleChooseAutoRefresh}, timeRange} = this.props
return (
<div className="page-header">
<div className="page-header full-width-no-scrollbar">
<div className="page-header__container">
<div className="page-header__left">
<h1>Data Explorer</h1>

7
ui/src/style/layout/page-header.scss
View File

@ -64,4 +64,11 @@ $page-header-weight: 400 !important;
&.full-width .page-header__container {
max-width: 100%;
}
&.full-width-no-scrollbar {
padding-right: $page-wrapper-padding;
.page-header__container {
max-width: 100%;
}
}
}