m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 01:47:00 +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 <Button
disabled={alertState === LOADING} disabled={alertState === LOADING}
onClick={onClose} onClick={onClose}
type="secondary" type="primary"
rounded
className="unconnected-account-alert__dismiss-button" className="unconnected-account-alert__dismiss-button"
> >
{ t('dismiss') } { t('dismiss') }
@ -94,6 +95,7 @@ const UnconnectedAccountAlert = () => {
title={isExtensionUrl(origin) ? t('currentExtension') : new URL(origin).host} title={isExtensionUrl(origin) ? t('currentExtension') : new URL(origin).host}
subtitle={t('currentAccountNotConnected')} subtitle={t('currentAccountNotConnected')}
onClose={onClose} onClose={onClose}
className="unconnected-account-alert"
contentClassName="unconnected-account-alert__content" contentClassName="unconnected-account-alert__content"
footerClassName="unconnected-account-alert__footer" footerClassName="unconnected-account-alert__footer"
footer={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; flex-direction: row;
} }
&__dismiss-button { & &__dismiss-button {
background: $primary-blue; background: $primary-blue;
color: white; color: white;
height: 40px; height: 40px;