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

* Prevent cell renaming widget from pushing other header elements offscreen

* Updoot changelog
pull/4888/head
alexpaxton 2018-12-12 10:35:00 -08:00 committed by Alex P
parent 49fd1ec13c
commit dd1620eb55
5 changed files with 18 additions and 9 deletions

View File

@ -16,6 +16,17 @@
1. [#4863](https://github.com/influxdata/chronograf/pull/4863): Update logs histogram data on click and new search
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
1. [4814](https://github.com/influxdata/chronograf/pull/4814): Fix logs page getting stuck on scroll to top
1. [4819](https://github.com/influxdata/chronograf/pull/4819): Fix momentary display of fallback notes while dashboard is loading
1. [4819](https://github.com/influxdata/chronograf/pull/4819): Fix issue displaying UUIDs in table cells
1. [4854](https://github.com/influxdata/chronograf/pull/4854): Update functions list for Flux 0.7.1
1. [4846](https://github.com/influxdata/chronograf/pull/4846): Fix missing data and type in refreshing graph
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
### UI Improvements
1. [#4809](https://github.com/influxdata/chronograf/pull/4809): Add loading spinners while fetching protoboards

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 {