Update account dropdowns (#2959)

* Simplify & consolidate address items

* Adjust dropdown background
This commit is contained in:
Jaco Greeff 2016-10-31 12:58:25 +01:00 committed by Gav Wood
parent 7af20a5db0
commit d086251e89
5 changed files with 35 additions and 25 deletions

View File

@ -158,6 +158,7 @@ export default class Details extends Component {
return (
<Select
className={ styles.tokenSelect }
label='type of token transfer'
hint='type of token to transfer'
value={ tag }

View File

@ -42,9 +42,16 @@
margin-right: 0.5em;
}
.tokenSelect {
}
.token {
height: 32px;
margin-top: 14px;
padding: 4px 0;
}
.tokenSelect .token {
margin-top: 10px;
}
.token img {

View File

@ -15,26 +15,24 @@
/* along with Parity. If not, see <http://www.gnu.org/licenses/>.
*/
.account {
max-height: 36px;
padding: 4px 0 0 0;
line-height: 32px;
margin-top: 11px;
}
.details {
.name {
height: 32px;
line-height: 32px;
display: inline-block;
vertical-align: top;
text-transform: uppercase;
padding: 0 0 0 1em;
}
.image {
display: inline-block;
max-height: 32px;
}
.name {
line-height: 32px;
vertical-align: top;
text-transform: uppercase;
height: 32px;
width: 32px;
margin: 0;
z-index: 10;
}
.icon {
@ -50,3 +48,8 @@
.container {
position: relative;
}
.menuItem {
min-height: 0 !important;
line-height: inherit !important;
}

View File

@ -104,21 +104,19 @@ export default class AddressSelect extends Component {
renderSelectEntry = (entry) => {
const item = (
<div className={ styles.account }>
<div className={ styles.image }>
<IdentityIcon
inline center
address={ entry.address } />
</div>
<div className={ styles.details }>
<div className={ styles.name }>
<IdentityName address={ entry.address } />
</div>
</div>
<IdentityIcon
className={ styles.image }
inline center
address={ entry.address } />
<IdentityName
className={ styles.name }
address={ entry.address } />
</div>
);
return (
<MenuItem
className={ styles.menuItem }
key={ entry.address }
value={ entry.address }
label={ item }>

View File

@ -22,16 +22,17 @@ import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
const lightTheme = getMuiTheme(lightBaseTheme);
const muiTheme = getMuiTheme(darkBaseTheme);
muiTheme.stepper.textColor = '#eee';
muiTheme.stepper.disabledTextColor = '#777';
muiTheme.inkBar.backgroundColor = 'transparent';
muiTheme.paper.backgroundColor = 'rgba(0, 0, 0, 0.95)';
muiTheme.raisedButton.primaryTextColor = 'white';
muiTheme.snackbar.backgroundColor = 'rgba(255, 30, 30, 0.9)';
muiTheme.snackbar.textColor = 'rgba(255, 255, 255, 0.75)';
muiTheme.stepper.textColor = '#eee';
muiTheme.stepper.disabledTextColor = '#777';
muiTheme.tabs = lightTheme.tabs;
muiTheme.tabs.backgroundColor = 'transparent';
muiTheme.tabs.selectedTextColor = 'white';
muiTheme.tabs.textColor = 'rgba(255, 255, 255, 0.5)'; // 'rgb(0, 151, 167)';
muiTheme.tabs.textColor = 'rgba(255, 255, 255, 0.5)';
muiTheme.textField.floatingLabelColor = 'rgba(255, 255, 255, 0.5)';
muiTheme.textField.hintColor = 'rgba(255, 255, 255, 0.5)';
muiTheme.textField.disabledTextColor = muiTheme.textField.textColor;