Prevent cell renaming widget from pushing other header elements offscreen (#4872)
* Prevent cell renaming widget from pushing other header elements offscreen * Updoot changelog1.7.3
parent
26cdd86198
commit
c224c3896b
|
@ -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
|
||||
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -41,9 +41,7 @@ class PageHeaderLeft extends Component<Props> {
|
|||
const {offsetPixels} = this.props
|
||||
|
||||
if (offsetPixels === DEFAULT_OFFSET) {
|
||||
return {
|
||||
flex: `1 0 ${offsetPixels}`,
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
|
@ -42,9 +42,7 @@ class PageHeaderRight extends Component<Props> {
|
|||
const {offsetPixels} = this.props
|
||||
|
||||
if (offsetPixels === DEFAULT_OFFSET) {
|
||||
return {
|
||||
flex: `1 0 ${offsetPixels}`,
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
Loading…
Reference in New Issue