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

Updating arrows for account menu scroll and signature request (#14138)

Browse Source
This commit is contained in:
George Marshall 2022-03-23 10:03:02 -07:00 committed by GitHub
parent f192929a04
commit 90fc9cad8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/images/icons/down-arrow.svg
View File

@ -1 +0,0 @@
<svg fill="none" height="27" viewBox="0 0 27 27" width="27" xmlns="http://www.w3.org/2000/svg"><circle cx="13.5" cy="13.5" fill="#fff" fill-opacity=".25" r="13" stroke="#dcdde6"/><path d="m19.2 14.1-.7-.7-4.4 4.4v-10.8h-1v10.8l-4.4-4.4-.7.7 5.1 5.1.5.5.5-.5z" fill="#dcdde6"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 282 B

7
ui/components/app/account-menu/account-menu.component.js
View File

@ -278,12 +278,7 @@ export default class AccountMenu extends Component {
className="account-menu__scroll-button" className="account-menu__scroll-button"
onClick={this.handleScrollDown} onClick={this.handleScrollDown}
> >
<img <i className="fa fa-arrow-down" title={this.context.t('scrollDown')} />
src="./images/icons/down-arrow.svg"
width="28"
height="28"
alt={this.context.t('scrollDown')}
/>
</div> </div>
); );
} }

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

@ -224,7 +224,9 @@
height: 28px; height: 28px;
width: 28px; width: 28px;
border-radius: 14px; border-radius: 14px;
background: var(--color-text-default); border: 1px solid var(--color-border-default);
background: var(--color-background-alternative);
color: var(--color-icon-default);
z-index: 201; z-index: 201;
cursor: pointer; cursor: pointer;
opacity: 0.8; opacity: 0.8;

4
ui/components/app/signature-request/signature-request-message/index.scss
View File

@ -63,7 +63,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--color-background-alternative); border: 1px solid var(--color-border-default);
background: var(--color-background-alternative);
color: var(--color-icon-default);
position: absolute; position: absolute;
right: 24px; right: 24px;
bottom: 12px; bottom: 12px;

7
ui/components/app/signature-request/signature-request-message/signature-request-message.component.js
View File

@ -77,12 +77,7 @@ export default class SignatureRequestMessage extends PureComponent {
className="signature-request-message__scroll-button" className="signature-request-message__scroll-button"
data-testid="signature-request-scroll-button" data-testid="signature-request-scroll-button"
> >
<img <i className="fa fa-arrow-down" title={this.context.t('scrollDown')} />
src="./images/icons/down-arrow.svg"
width="28"
height="28"
alt={this.context.t('scrollDown')}
/>
</div> </div>
); );
} }