1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-28 23:06:37 +01:00
metamask-extension/ui/components/app/edit-gas-fee-button/index.scss

52 lines
804 B
SCSS

.edit-gas-fee-button {
display: flex;
align-items: baseline;
justify-content: flex-end;
button {
@include H7;
display: flex;
align-items: center;
color: var(--color-primary-default);
background: transparent;
border: 0;
padding-inline-end: 0;
white-space: pre;
}
&__icon {
font-size: 16px;
margin-right: 2px;
}
&__label {
font-size: 12px;
margin-right: 4px;
}
.info-tooltip {
align-self: center;
margin-left: 6px;
}
&__tooltip {
p {
color: var(--color-text-alternative);
}
b {
color: var(--color-text-default);
display: inline-block;
min-width: 60%;
}
}
}
// Overrides react-tippy
.tippy-tooltip .tippy-tooltip-content .edit-gas-fee-button__tooltip {
min-width: 170px;
}