ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

loading feedback for piece and edition page

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-07-13 15:21:09 +02:00
parent 3ae10c5e50
commit 733c95a070
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
js/components/ascribe_detail/edition_container.js
View File

@ -7,6 +7,8 @@ import EditionStore from '../../stores/edition_store';
import Edition from './edition'; import Edition from './edition';
import AppConstants from '../../constants/application_constants';
/** /**
* This is the component that implements resource/data specific functionality * This is the component that implements resource/data specific functionality
*/ */
@ -53,7 +55,9 @@ let EditionContainer = React.createClass({
); );
} else { } else {
return ( return (
<span className="glyph-ascribe-spool-chunked spin"/> <div className="fullpage-spinner">
<img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
</div>
); );
} }
} }

4
js/components/ascribe_detail/piece_container.js
View File

@ -7,6 +7,8 @@ import PieceStore from '../../stores/piece_store';
import Piece from './piece'; import Piece from './piece';
import AppConstants from '../../constants/application_constants';
/** /**
* This is the component that implements resource/data specific functionality * This is the component that implements resource/data specific functionality
*/ */
@ -49,7 +51,7 @@ let PieceContainer = React.createClass({
} else { } else {
return ( return (
<div className="fullpage-spinner"> <div className="fullpage-spinner">
<span className="glyph-ascribe-spool-chunked spin"/> <img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
</div> </div>
); );
} }

9
sass/main.scss
View File

@ -354,9 +354,12 @@ hr {
} }
.fullpage-spinner { .fullpage-spinner {
width: 100%; padding-top: 30%;
height: 100vh; padding-bottom: 30%;
text-align: center; text-align: center;
vertical-align: middle;
> span {
font-size: 2em;
}
} }