m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 17:33:23 +01:00
Code

Fix button width transition bug

Browse Source 
Fixes #160
This commit is contained in:
Dan Finlay 2016-05-04 20:41:29 -07:00
parent d929f80532
commit 93db6cacb5
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/account-detail.js
View File

@ -35,7 +35,11 @@ AccountDetailScreen.prototype.render = function() {
return ( return (
h('.account-detail-section.flex-column.flex-grow', [ h('.account-detail-section.flex-column.flex-grow', {
style: {
width: '330px',
},
}, [
// subtitle and nav // subtitle and nav
h('.section-title.flex-row.flex-center', [ h('.section-title.flex-row.flex-center', [

3
ui/app/app.js
View File

@ -65,7 +65,7 @@ App.prototype.render = function() {
h('.flex-column.flex-grow.full-height', { h('.flex-column.flex-grow.full-height', {
style: { style: {
// Windows was showing a vertical scroll bar: // Windows was showing a vertical scroll bar:
overflowY: 'hidden', overflow: 'hidden',
} }
}, },
[ [
@ -82,6 +82,7 @@ App.prototype.render = function() {
h('.app-primary.flex-grow' + (transForward ? '.from-right' : '.from-left'), { h('.app-primary.flex-grow' + (transForward ? '.from-right' : '.from-left'), {
style: { style: {
height: '380px', height: '380px',
width: '360px',
} }
}, [ }, [
h(ReactCSSTransitionGroup, { h(ReactCSSTransitionGroup, {

1
ui/app/css/transitions.css
View File

@ -19,6 +19,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
overflow-x: hidden;
} }
/* final positions */ /* final positions */