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 dismiss button css on unconnected alert modal (#9430)

Browse Source 
* Fix dismiss button on unconnected alert modal

Set button type to primary, rounded, and set `!important` on css class width

* Update ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss

* Add unconnected-account-alert to popover component classname to simplify css selector.

Co-authored-by: Brad Decker <git@braddecker.dev>
This commit is contained in:
Thomas Huang 2020-09-17 13:23:37 -07:00 committed by GitHub
parent 550e49a64c
commit ee6e986f59
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
View File

@ -80,7 +80,8 @@ const UnconnectedAccountAlert = () => {
<Button
disabled={alertState === LOADING}
onClick={onClose}
type="secondary"
type="primary"
rounded
className="unconnected-account-alert__dismiss-button"
>
{ t('dismiss') }
@ -94,6 +95,7 @@ const UnconnectedAccountAlert = () => {
title={isExtensionUrl(origin) ? t('currentExtension') : new URL(origin).host}
subtitle={t('currentAccountNotConnected')}
onClose={onClose}
className="unconnected-account-alert"
contentClassName="unconnected-account-alert__content"
footerClassName="unconnected-account-alert__footer"
footer={footer}

2
ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
View File

@ -16,7 +16,7 @@
flex-direction: row;
}
&__dismiss-button {
& &__dismiss-button {
background: $primary-blue;
color: white;
height: 40px;