1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +01:00
metamask-extension/ui/components/app/cancel-speedup-popover/index.scss
Matthias Kretschmann 113fdc189c
Part of #17670: Replace Typography with Text component in CancelSpeedupPopover (#18638)
* create story

* replace Typography with Text component

* review changes

* replace CSS with props styling
* use `Button` from `component-library`
* tooltip HTML refactor with `component-library` components
* remove whitespace in story

* strong tag support within Text component

* addresses #18651
* taken from #18752 as suggested in https://github.com/MetaMask/metamask-extension/pull/18638#discussion_r1176334805

* replace `strong` with new `Text as="strong"`

* remove unneccessary css from fa564e3f036f1439f9f220cca23595b508760614

* add text variant definition

* Updating text variant of button

* restrore proper spacing between elements

* Quick fix for test

* Adding key

---------

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
Co-authored-by: Garrett Bear <gwhisten@gmail.com>
2023-06-26 13:52:54 -07:00

27 lines
381 B
SCSS

.cancel-speedup-popover {
&__wrapper {
padding: 0 16px 16px;
.info-tooltip {
margin-left: 4px;
}
}
&__edit-gas-button {
align-self: flex-end;
}
&__gas-details {
padding-top: 10px;
}
&__spinner {
margin-top: -30px;
height: calc(100% + 30px);
}
&__description {
border-bottom: 1px solid var(--color-border-default);
}
}