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

Improve TV control bar styles

pull/10616/head
Andrew Watkins 2017-04-14 12:09:52 -07:00
parent 28ad5f0259
commit 6ecfc75c47
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/dashboards/components/Dashboard.js
View File

@ -38,7 +38,10 @@ const Dashboard = ({
return (
<div className={classnames('dashboard container-fluid full-width page-contents', {'presentation-mode': inPresentationMode})}>
<marquee className="tv-control-bar">TV CONTROL BAR</marquee>
<div className="tv-control-bar">
Template Variables
<button className="btn btn-primary btn-sm">Manage</button>
</div>
{cells.length ?
<LayoutRenderer
timeRange={timeRange}

9
ui/src/style/pages/dashboards.scss
View File

@ -42,6 +42,15 @@ $dash-graph-options-arrow: 8px;
.dashboard {
.tv-control-bar {
height: 50px;
font-size: 18px;
font-weight: 400;
color: $g14-chromium;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
padding: 10px 15px;
@extend .cell-shell;
}
.react-grid-item {