metamask-extension/ui/components/app/cancel-speedup-popover/index.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);
  }
}
using 1559 V2 for cancel speed up flows (#13019) 2022-01-06 03:47:26 +01:00			`.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);`
			`}`

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 22:52:54 +02:00			`&__description {`
Dark Mode: Remove ui colors (#14184) 2022-03-25 16:07:47 +01:00			`border-bottom: 1px solid var(--color-border-default);`
using 1559 V2 for cancel speed up flows (#13019) 2022-01-06 03:47:26 +01:00			`}`
			`}`