Prevent cell renaming widget from pushing other header elements offscreen (#4872)

* Prevent cell renaming widget from pushing other header elements offscreen

* Updoot changelog
1.7.3
alexpaxton 2018-12-12 10:35:00 -08:00 committed by GitHub
parent 26cdd86198
commit c224c3896b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 9 deletions

View File

@ -11,6 +11,7 @@
1. [4861](https://github.com/influxdata/chronograf/pull/4861): Fix logs stuck in loading state
1. [4847](https://github.com/influxdata/chronograf/pull/4847): Improve display of Flux Wizard on small screens
1. [4863](https://github.com/influxdata/chronograf/pull/4863): Update logs histogram data on click and new search
1. [4872](https://github.com/influxdata/chronograf/pull/4872): Prevent cell renaming widget from pushing other header elements offscreen
1. [4877](https://github.com/influxdata/chronograf/pull/4877): Fix flux editor scrollbars
1. [4840](https://github.com/influxdata/chronograf/pull/4840): Use valid characters for sensu ids

View File

@ -7,8 +7,8 @@ $rename-dash-title-padding: 7px;
.rename-dashboard {
height: $form-sm-height;
min-width: 0;
width: 100%;;
width: 100%;
max-width: 40vw;
}
.dashboard-switcher + .rename-dashboard {
width: calc(100% - 38px);

View File

@ -87,7 +87,6 @@
align-items: center;
}
.page-header--left {
flex: 1 0 0;
justify-content: flex-start;
> * {
margin: 0;
@ -119,6 +118,9 @@
vertical-align: middle;
@include no-user-select();
cursor: default;
max-width: 42vw;
overflow: hidden;
text-overflow: ellipsis;
}
// TODO: Refactor this to be a part of overlay styles

View File

@ -41,9 +41,7 @@ class PageHeaderLeft extends Component<Props> {
const {offsetPixels} = this.props
if (offsetPixels === DEFAULT_OFFSET) {
return {
flex: `1 0 ${offsetPixels}`,
}
return
}
return {

View File

@ -42,9 +42,7 @@ class PageHeaderRight extends Component<Props> {
const {offsetPixels} = this.props
if (offsetPixels === DEFAULT_OFFSET) {
return {
flex: `1 0 ${offsetPixels}`,
}
return
}
return {