m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 11:22:43 +02: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 {
display: none;
margin-right: 8px;
@include screen-sm-max {
display: block;
margin-right: 8px;
cursor: pointer;
[dir='rtl'] & {
margin: 0 0 0 8px;
transform: rotate(180deg);
}
[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 {
Icon,
ButtonIcon,
ICON_SIZES,
ICON_NAMES,
} 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 AlertsTab from './alerts-tab';
import NetworksTab from './networks-tab';
@ -137,10 +136,11 @@ class SettingsPage extends PureComponent {
{currentPath !== SETTINGS_ROUTE && (
<ButtonIcon
ariaLabel={t('back')}
name={ICON_NAMES.ARROW_LEFT}
size={ICON_SIZES.XL}
iconName={ICON_NAMES.ARROW_LEFT}
className="settings-page__back-button"
color={Color.iconDefault}
onClick={() => history.push(backRoute)}
display={[DISPLAY.FLEX, DISPLAY.NONE]}
/>
)}