Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-10-18 20:09:08 +02:00
Code Issues Projects Releases Wiki Activity

Fix: jumping screen (#288)

Browse Source 
* fix: add overflow-y scroll to html

* fix: add tab exceptions to scroll to top

* fix: remove unused imports
This commit is contained in:
Fredrik Strand Oseberg 2021-05-05 21:51:04 +02:00 committed by GitHub
parent 7b27f68b8e
commit 8d525ac477
4 changed files with 38 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app.css
View File

@ -5,6 +5,8 @@
html {
height: 100%;
overflow: auto;
overflow-y: scroll;
}
body {
height: 100%;

30
frontend/src/component/feature/add-tag-dialog-component.jsx
View File

@ -39,7 +39,10 @@ class AddTagDialogComponent extends Component {
onCancel = evt => {
evt.preventDefault();
this.setState({ openDialog: false, tag: { type: 'simple', value: '' } });
this.setState({
openDialog: false,
tag: { type: 'simple', value: '' },
});
};
onSubmit = async evt => {
evt.preventDefault();
@ -49,7 +52,10 @@ class AddTagDialogComponent extends Component {
}
try {
await this.props.submit(this.props.featureToggleName, tag);
this.setState({ openDialog: false, tag: { type: 'simple', value: '' } });
this.setState({
openDialog: false,
tag: { type: 'simple', value: '' },
});
} catch (e) {
this.setState({ errors: { general: e.message } });
}
@ -58,7 +64,9 @@ class AddTagDialogComponent extends Component {
const { tag, errors, openDialog } = this.state;
return (
<React.Fragment>
<Button onClick={this.handleOpenDialog.bind(this)}>Add tag</Button>
<Button onClick={this.handleOpenDialog.bind(this)}>
Add tag
</Button>
<Dialogue
open={openDialog}
@ -69,13 +77,17 @@ class AddTagDialogComponent extends Component {
onClose={this.onCancel}
>
<>
<DialogContentText>Tags allows you to group features together</DialogContentText>
<DialogContentText>
Tags allows you to group features together
</DialogContentText>
<form onSubmit={this.onSubmit}>
<section className={styles.dialogueFormContent}>
<TagTypeSelect
name="type"
value={tag.type}
onChange={v => this.setValue('type', v.target.value)}
onChange={v =>
this.setValue('type', v.target.value)
}
/>
<br />
<TextField
@ -86,10 +98,14 @@ class AddTagDialogComponent extends Component {
placeholder="Your tag"
value={tag.value}
error={errors.value}
onChange={v => this.setValue('value', v.target.value)}
onChange={v =>
this.setValue('value', v.target.value)
}
/>
</section>
{errors.general && <p style={{ color: 'red' }}>{errors.general}</p>}
{errors.general && (
<p style={{ color: 'red' }}>{errors.general}</p>
)}
</form>
</>
</Dialogue>

12
frontend/src/component/scroll-to-top.jsx
View File

@ -9,6 +9,18 @@ class ScrollToTop extends Component {
componentDidUpdate(prevProps) {
if (this.props.location !== prevProps.location) {
if (
this.props.location.pathname.includes('/features/metrics') ||
this.props.location.pathname.includes('/features/variants') ||
this.props.location.pathname.includes('/features/strategies') ||
this.props.location.pathname.includes('/features/logs') ||
this.props.location.pathname.includes('/admin/api') ||
this.props.location.pathname.includes('/admin/users') ||
this.props.location.pathname.includes('/admin/auth')
) {
return;
}
window.scrollTo(0, 0);
}
}

2
frontend/src/page/admin/users/index.js
View File

@ -1,4 +1,4 @@
import React, { useContext } from 'react';
import { useContext } from 'react';
import PropTypes from 'prop-types';
import UsersList from './UsersList';
import AdminMenu from '../admin-menu';