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

Safari UI fixes (#3678)

Browse Source 
* Minimum content height for overlay

* Fix Safari TabBar clicks

* Fix extra vertical scrollbar on Chrome

* Swap to em heights
This commit is contained in:
Jaco Greeff 2016-11-30 00:01:42 +01:00 committed by Nicolas Gotchac
parent 1a53ab78e8
commit 7f1391c7a2
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/src/views/Application/TabBar/tabBar.js
View File

@ -59,7 +59,7 @@ class Tab extends Component {
selected={ active } selected={ active }
icon={ view.icon } icon={ view.icon }
label={ label } label={ label }
onClick={ this.handleClick } onTouchTap={ this.handleClick }
> >
{ children } { children }
</MUITab> </MUITab>

14
js/src/views/ParityBar/parityBar.css
View File

@ -42,25 +42,26 @@
} }
.expanded { .expanded {
right: 16px; right: 1em;
max-height: 300px;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 19em;
} }
.expanded .content { .expanded .content {
flex: 1; flex: 1;
overflow: auto; overflow-y: auto;
overflow-x: hidden;
display: flex; display: flex;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
min-height: 16em;
} }
.corner { .corner {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 16px; right: 1em;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
} }
@ -118,7 +119,7 @@
} }
.header { .header {
height: 36px; height: 2em;
padding: 0.5em 1em; padding: 0.5em 1em;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
margin-bottom: 0; margin-bottom: 0;
@ -148,6 +149,7 @@
.actions { .actions {
float: right; float: right;
margin-top: -2px;
} }
.actions div { .actions div {