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

Ensure VEO overlay is full height of screen

pull/12577/head
Alex P 2019-03-12 15:20:41 -07:00
parent d80b9e3ef9
commit 7af5e4a64e
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/dashboards/components/DashboardPage.tsx
View File

@ -202,7 +202,7 @@ class DashboardPage extends Component<Props, State> {
onAddCell={this.handleAddCell} onAddCell={this.handleAddCell}
/> />
)} )}
<Overlay visible={isShowingVEO}> <Overlay visible={isShowingVEO} className="veo-overlay">
<VEO onHide={this.handleHideVEO} onSave={this.handleSaveVEO} /> <VEO onHide={this.handleHideVEO} onSave={this.handleSaveVEO} />
</Overlay> </Overlay>
</HoverTimeProvider> </HoverTimeProvider>

8
ui/src/dashboards/components/VEO.scss
View File

@ -25,6 +25,12 @@
display: flex; display: flex;
align-items: stretch; align-items: stretch;
width: 100%; width: 100%;
flex: 0 0 calc(100% - #{$page-header-size}); flex: 0 0 calc(100% - #{$page-header-size});
padding-bottom: $ix-marg-c; padding-bottom: $ix-marg-c;
} }
.veo-overlay {
.overlay--transition {
height: 100%;
}
}