bugfix (notification): stick the notification on the left side

mitigating a chrome bug with animation in a position fixed situation
This commit is contained in:
Mickael KERJEAN 2018-05-14 20:55:22 +10:00
parent dd4940a903
commit 9ba9067a99
4 changed files with 4 additions and 4 deletions

View file

@ -1,4 +1,4 @@
.error{ .error-page{
width: 80%; width: 80%;
max-width: 600px; max-width: 600px;
margin: 50px auto 0 auto; margin: 50px auto 0 auto;

View file

@ -320,7 +320,7 @@ export class FilesPage extends React.Component {
<NgIf cond={this.state.loading && this.state.error === null}> <NgIf cond={this.state.loading && this.state.error === null}>
<Loader/> <Loader/>
</NgIf> </NgIf>
<NgIf cond={this.state.error !== null} className="error"> <NgIf cond={this.state.error !== null} className="error-page">
<h1>Oops!</h1> <h1>Oops!</h1>
<h2>It seems this directory doesn't exist</h2> <h2>It seems this directory doesn't exist</h2>
<p>{JSON.stringify(this.state.error)}</p> <p>{JSON.stringify(this.state.error)}</p>

View file

@ -29,7 +29,7 @@ export class NotFoundPage extends React.Component {
render() { render() {
return ( return (
<div className="component_page_notfound error"> <div className="component_page_notfound error-page">
<h1>Oops!</h1> <h1>Oops!</h1>
<h2>We can't seem to find the page you're looking for.</h2> <h2>We can't seem to find the page you're looking for.</h2>
<p> <p>

View file

@ -145,7 +145,7 @@ export class ViewerPage extends React.Component {
<NgIf cond={this.state.loading === true && this.state.error === null}> <NgIf cond={this.state.loading === true && this.state.error === null}>
<Loader/> <Loader/>
</NgIf> </NgIf>
<NgIf cond={this.state.error !== null} className="error"> <NgIf cond={this.state.error !== null} className="error-page">
<h1>Oops!</h1> <h1>Oops!</h1>
<h2>There is nothing in here</h2> <h2>There is nothing in here</h2>
<p>{JSON.stringify(this.state.error)}</p> <p>{JSON.stringify(this.state.error)}</p>