Skip to content
This repository was archived by the owner on Nov 3, 2021. It is now read-only.

[INT-13167] Update Tooltip icon #883

Merged
merged 1 commit into from
Aug 28, 2020
Merged

[INT-13167] Update Tooltip icon #883

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions src/domain/Formats/Record/__snapshots__/Record.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1618,7 +1618,7 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
font-stretch: normal;
--fa-primary-color: #2512B3;
--fa-secondary-color: #2512B3;
color: #424F5C;
color: #C5CED6;
}

.c3.icon {
Expand Down Expand Up @@ -1868,25 +1868,25 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
role="button"
>
<FontAwesomeIcon
color="#424F5C"
icon="question-circle"
type="regular"
color="#C5CED6"
icon="info-circle"
type="solid"
>
<Icon
color="#424F5C"
icon="far fa-question-circle"
color="#C5CED6"
icon="fas fa-info-circle"
>
<styled.i
aria-hidden={true}
className="icon far fa-question-circle"
color="#424F5C"
className="icon fas fa-info-circle"
color="#C5CED6"
data-component-type="icon"
size="medium"
>
<StyledComponent
aria-hidden={true}
className="icon far fa-question-circle"
color="#424F5C"
className="icon fas fa-info-circle"
color="#C5CED6"
data-component-type="icon"
forwardedComponent={
Object {
Expand Down Expand Up @@ -1964,8 +1964,8 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
>
<i
aria-hidden={true}
className="c3 icon far fa-question-circle"
color="#424F5C"
className="c3 icon fas fa-info-circle"
color="#C5CED6"
data-component-type="icon"
size="medium"
/>
Expand All @@ -1989,7 +1989,7 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
font-stretch: normal;
--fa-primary-color: #2512B3;
--fa-secondary-color: #2512B3;
color: #424F5C;
color: #C5CED6;
}

.c0.icon {
Expand All @@ -2005,8 +2005,8 @@ exports[`<Record /> should render a Record with a Tooltip 1`] = `
>
<i
aria-hidden="true"
class="c0 icon far fa-question-circle"
color="#424F5C"
class="c0 icon fas fa-info-circle"
color="#C5CED6"
data-component-type="icon"
/>
</span>,
Expand Down
2 changes: 1 addition & 1 deletion src/domain/Popovers/TooltipPopover/TooltipPopover.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ class TooltipPopover extends React.Component<ITooltipPopoverProps, ITooltipPopov
ref={toggleComponentRef}
{...ariaProps}
>
<FontAwesomeIcon type='regular' icon='question-circle' color={Variables.Color.n700} />
<FontAwesomeIcon type='solid' icon='info-circle' color={Variables.Color.n400} />
</span>
)
}
Expand Down
12 changes: 6 additions & 6 deletions src/domain/Popovers/TooltipPopover/__snapshots__/TooltipPopover.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,9 @@ exports[`<TooltipPopover /> Simple popover behaviour should match the snapshot 1
role="button"
>
<Memo(FontAwesomeIcon)
color="#424F5C"
icon="question-circle"
type="regular"
color="#C5CED6"
icon="info-circle"
type="solid"
/>
</span>
</styled.span>
Expand Down Expand Up @@ -85,9 +85,9 @@ exports[`<TooltipPopover /> dark style popover behaviour should match the snapsh
role="button"
>
<Memo(FontAwesomeIcon)
color="#424F5C"
icon="question-circle"
type="regular"
color="#C5CED6"
icon="info-circle"
type="solid"
/>
</span>
</styled.span>
Expand Down