mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-22 11:22:43 +02:00
UX Icon: Updated Icon for Disclosure (#17877)
* updated fa-add * updated summary icon * updated styles for disclosure * updated margin value
This commit is contained in:
parent
0ac54e40ee
commit
bf06598d6e
@ -1,6 +1,8 @@
|
||||
import React, { useState, useRef, useEffect } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import classnames from 'classnames';
|
||||
import { Icon, ICON_NAMES } from '../../component-library';
|
||||
import { Size } from '../../../helpers/constants/design-system';
|
||||
|
||||
const Disclosure = ({ children, title, size }) => {
|
||||
const disclosureFooterEl = useRef(null);
|
||||
@ -23,7 +25,12 @@ const Disclosure = ({ children, title, size }) => {
|
||||
{title ? (
|
||||
<details>
|
||||
<summary className="disclosure__summary">
|
||||
<i className="fa fa-plus" />
|
||||
<Icon
|
||||
className="disclosure__summary--icon"
|
||||
name={ICON_NAMES.ADD}
|
||||
size={Size.SM}
|
||||
marginInlineEnd={2}
|
||||
/>
|
||||
{title}
|
||||
</summary>
|
||||
<div className={classnames('disclosure__content', size)}>
|
||||
|
@ -4,14 +4,9 @@
|
||||
|
||||
&__summary {
|
||||
position: relative;
|
||||
padding-left: 24px;
|
||||
padding-bottom: 10px;
|
||||
font-weight: bold;
|
||||
|
||||
i {
|
||||
margin-inline-start: -20px;
|
||||
margin-inline-end: 10px;
|
||||
}
|
||||
display: flex;
|
||||
|
||||
&::-webkit-details-marker,
|
||||
&::marker {
|
||||
|
Loading…
Reference in New Issue
Block a user