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

UX: Icon: Restore missing back chevron in settings (#17916)

Browse Source 
* UX: Icon: Restore missing back chevron in settings

* Update ui/pages/settings/settings.component.js

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>

* Fixing size and alignment

---------

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
Co-authored-by: Garrett Bear <gwhisten@gmail.com>
This commit is contained in:
David Walsh 2023-03-03 15:11:20 -06:00 committed by GitHub
parent dff152d728
commit 5018329cd8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/pages/settings/index.scss
View File

@ -216,17 +216,11 @@
} }
&__back-button { &__back-button {
display: none; margin-right: 8px;
@include screen-sm-max { [dir='rtl'] & {
display: block; margin: 0 0 0 8px;
margin-right: 8px; transform: rotate(180deg);
cursor: pointer;
[dir='rtl'] & {
margin: 0 0 0 8px;
transform: rotate(180deg);
}
} }
} }

8
ui/pages/settings/settings.component.js
View File

@ -30,10 +30,9 @@ import AddNetwork from '../../components/app/add-network/add-network';
import { import {
Icon, Icon,
ButtonIcon, ButtonIcon,
ICON_SIZES,
ICON_NAMES, ICON_NAMES,
} from '../../components/component-library'; } from '../../components/component-library';
import { Color } from '../../helpers/constants/design-system'; import { Color, DISPLAY } from '../../helpers/constants/design-system';
import SettingsTab from './settings-tab'; import SettingsTab from './settings-tab';
import AlertsTab from './alerts-tab'; import AlertsTab from './alerts-tab';
import NetworksTab from './networks-tab'; import NetworksTab from './networks-tab';
@ -137,10 +136,11 @@ class SettingsPage extends PureComponent {
{currentPath !== SETTINGS_ROUTE && ( {currentPath !== SETTINGS_ROUTE && (
<ButtonIcon <ButtonIcon
ariaLabel={t('back')} ariaLabel={t('back')}
name={ICON_NAMES.ARROW_LEFT} iconName={ICON_NAMES.ARROW_LEFT}
size={ICON_SIZES.XL} className="settings-page__back-button"
color={Color.iconDefault} color={Color.iconDefault}
onClick={() => history.push(backRoute)} onClick={() => history.push(backRoute)}
display={[DISPLAY.FLEX, DISPLAY.NONE]}
/> />
)} )}