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

Convert connected-status-indicator to button (#8428)

Browse Source
This commit is contained in:
Brad Decker 2020-04-29 16:25:15 -05:00 committed by GitHub
parent 0e54c5aecd
commit ee5e84af61
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/app/components/app/connected-status-indicator/index.scss
View File

@ -5,7 +5,16 @@
background: none;
font-size: inherit;
padding: 8px 0;
padding: 8px;
border-radius: 100px;
&:hover {
background-color: #F2F3F4;
}
&:active {
background-color: #EDEDED;
}
&__green-circle, &__yellow-circle, &__grey-circle {
border-radius: 4px;
@ -28,6 +37,7 @@
&__text {
font-size: 10px;
color: $Grey-500;
margin-left: 8px;
margin-left: 6px;
white-space: nowrap;
}
}

4
ui/app/components/app/menu-bar/index.scss
View File

@ -4,13 +4,13 @@
column-gap: 5px;
margin-bottom: 24px;
padding: 0 24px;
padding: 0 8px;
border-bottom: 1px solid $Grey-100;
.menu-bar__account-options {
background: none;
font-size: inherit;
padding: 0 0 0 5px;
padding: 0 8px 0 5px;
position: relative; // to allow the dropdown to position itself absolutely
place-self: center end;