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

Add some style

pull/10616/head
Andrew Watkins 2017-04-06 13:34:08 -06:00
parent 123b81053e
commit dec268337d
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/data_explorer/components/RawQueryEditor.js
View File

@ -68,10 +68,8 @@ const RawQueryEditor = React.createClass({
autoComplete="off"
spellCheck="false"
/>
<div style={{display: 'flex'}}>
{this.renderStatus(rawStatus)}
<Dropdown items={QUERY_TEMPLATES} selected={'Query Templates'} onChoose={this.handleChooseTemplate} />
</div>
<Dropdown items={QUERY_TEMPLATES} selected={'Query Templates'} onChoose={this.handleChooseTemplate} className="query-template"/>
</div>
)
},

13
ui/src/style/pages/data-explorer/raw-text.scss
View File

@ -26,7 +26,7 @@
}
$raw-text-color: $c-pool;
$raw-text-height: 38px;
$raw-text-height: 42px;
.raw-text--field {
@include custom-scrollbar($g2-kevlar, $raw-text-color);
@ -72,7 +72,7 @@ $raw-text-height: 38px;
}
.raw-text--status {
width: 100%;
height: ($query-builder--preview-height - 2px - $raw-text-height);
height: ($query-builder--preview-height - $raw-text-height);
line-height: 12px;
font-size: 12px;
background-color: $g2-kevlar;
@ -109,3 +109,12 @@ $raw-text-height: 38px;
color: $c-rainforest;
}
}
.dropdown.query-template {
position: absolute;
top: 8px;
right: 7px;
>.dropdown-toggle {
width: 135px;
}
}