grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Move status to the top (alignment/overlaps)

Browse Source
This commit is contained in:
Jaco Greeff 2017-09-20 13:08:38 +02:00
parent 32a29c11a0
commit dfe45338c0
4 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/src/Application/application.css
View File

@ -17,6 +17,7 @@
.application { .application {
box-sizing: border-box; box-sizing: border-box;
margin-top: 2.75em;
} }
.container { .container {
@ -26,7 +27,7 @@
} }
.content { .content {
padding-bottom: 1.25em; padding: 0;
} }
.error { .error {

4
js/src/ParityBar/parityBar.js
View File

@ -41,7 +41,7 @@ import Store, { DISPLAY_ACCOUNTS, DISPLAY_SIGNER } from './store';
import styles from './parityBar.css'; import styles from './parityBar.css';
const LS_STORE_KEY = '_parity::parityBar'; const LS_STORE_KEY = '_parity::parityBar';
const DEFAULT_POSITION = { right: '1em', bottom: '2.5em' }; const DEFAULT_POSITION = { right: '1em', bottom: '0' };
@observer @observer
class ParityBar extends Component { class ParityBar extends Component {
@ -180,7 +180,7 @@ class ParityBar extends Component {
if (position.top !== undefined) { if (position.top !== undefined) {
parityBgStyle.top = 0; parityBgStyle.top = 0;
} else { } else {
parityBgStyle.bottom = '2.5em'; parityBgStyle.bottom = 0;
} }
// Set at left or right of the screen // Set at left or right of the screen

2
js/src/Requests/requests.css
View File

@ -21,7 +21,7 @@ $borderColor: rgba(0, 0, 0, 0.15);
.requests { .requests {
align-items: flex-end; align-items: flex-end;
bottom: 2.75em; bottom: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: fixed; position: fixed;

2
js/src/Status/status.css
View File

@ -19,13 +19,13 @@ $textColor: #ccc;
.status { .status {
align-items: center; align-items: center;
bottom: 0;
color: $textColor; color: $textColor;
display: flex; display: flex;
left: 0; left: 0;
padding: 0.5em 0.75em; padding: 0.5em 0.75em;
position: fixed; position: fixed;
right: 0; right: 0;
top: 0;
z-index: 1000; z-index: 1000;
} }