diff --git a/source/renderer/app/components/appUpdate/AppUpdateOverlay.scss b/source/renderer/app/components/appUpdate/AppUpdateOverlay.scss index 62aec9dc6f..f06dc61dda 100644 --- a/source/renderer/app/components/appUpdate/AppUpdateOverlay.scss +++ b/source/renderer/app/components/appUpdate/AppUpdateOverlay.scss @@ -30,14 +30,14 @@ &::-webkit-scrollbar-thumb { background-color: var( - --theme-news-overlay-update-content-scroll-background-color + --theme-news-overlay-update-content-scroll-background-color ); outline: none; width: 4px; &:hover { background-color: var( - --theme-news-overlay-update-content-scroll-hover-background-color + --theme-news-overlay-update-content-scroll-hover-background-color ); } } @@ -153,7 +153,7 @@ .button { background-color: var( - --theme-news-overlay-update-button-background-color + --theme-news-overlay-update-button-background-color ); border: 1px solid var(--theme-news-overlay-update-button-text-color); color: var(--theme-news-overlay-update-button-text-color); @@ -215,7 +215,9 @@ :global { .SimpleLoadingSpinner_root { - border-color: var(--theme-news-overlay-update-button-text-color) var(--theme-news-overlay-update-button-text-color) transparent transparent; + border-color: var(--theme-news-overlay-update-button-text-color) + var(--theme-news-overlay-update-button-text-color) transparent + transparent; } } } @@ -240,7 +242,7 @@ &:hover { background-color: var( - --theme-news-overlay-update-content-background-color + --theme-news-overlay-update-content-background-color ); opacity: 0.8; } diff --git a/source/renderer/app/components/navigation/NavDropdown.scss b/source/renderer/app/components/navigation/NavDropdown.scss index 4f18e4ef20..ca34191a5d 100755 --- a/source/renderer/app/components/navigation/NavDropdown.scss +++ b/source/renderer/app/components/navigation/NavDropdown.scss @@ -68,7 +68,7 @@ &.SimpleOptions_highlightedOption:hover { background-color: var( - --theme-nav-dropdown-item-background-color-hover + --theme-nav-dropdown-item-background-color-hover ); } } diff --git a/source/renderer/app/components/news/NewsFeed.scss b/source/renderer/app/components/news/NewsFeed.scss index 3435c77c59..ab7757caac 100644 --- a/source/renderer/app/components/news/NewsFeed.scss +++ b/source/renderer/app/components/news/NewsFeed.scss @@ -71,7 +71,7 @@ &:hover { background-color: var( - --theme-news-feed-icon-close-hover-background-color + --theme-news-feed-icon-close-hover-background-color ); } } @@ -123,13 +123,13 @@ :global { *::-webkit-scrollbar-thumb { background-color: var( - --theme-splash-network-scrollbar-thumb-background + --theme-splash-network-scrollbar-thumb-background ); min-height: 150px; &:hover { background-color: var( - --theme-splash-network-scrollbar-thumb-background-hover + --theme-splash-network-scrollbar-thumb-background-hover ); } } diff --git a/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseStakePoolDialog.scss b/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseStakePoolDialog.scss index 71e2c5dc37..d3213de277 100644 --- a/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseStakePoolDialog.scss +++ b/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseStakePoolDialog.scss @@ -1,8 +1,10 @@ .delegationStepsChooseStakePoolDialogWrapper { :global { .StakePoolThumbnail_content { - background-color: 1px solid var(--theme-delegation-steps-choose-stake-pool-thumb-background-color); - border: 1px solid var(--theme-delegation-steps-choose-stake-pool-thumb-border-color); + background-color: 1px solid + var(--theme-delegation-steps-choose-stake-pool-thumb-background-color); + border: 1px solid + var(--theme-delegation-steps-choose-stake-pool-thumb-border-color); } .Dialog_subtitle { @@ -39,7 +41,7 @@ &.retiring { background: var( - --theme-staking-stake-pool-retirement-background-color + --theme-staking-stake-pool-retirement-background-color ) !important; } @@ -49,7 +51,8 @@ } .selectPoolBlockPlaceholder { - border: 2px solid var(--theme-delegation-steps-choose-stake-pool-thumb-border-color); + border: 2px solid + var(--theme-delegation-steps-choose-stake-pool-thumb-border-color); border-style: dashed; .icon { @@ -61,7 +64,7 @@ path { stroke: var( - --theme-delegation-steps-choose-stake-pool-checkmark-icon-color + --theme-delegation-steps-choose-stake-pool-checkmark-icon-color ); } } @@ -69,11 +72,12 @@ } .selectedPoolBlock { - border: 1px solid var(--theme-delegation-steps-choose-stake-pool-thumb-border-color); + border: 1px solid + var(--theme-delegation-steps-choose-stake-pool-thumb-border-color); .ticker { color: var( - --theme-delegation-steps-choose-stake-pool-selected-ticker-color + --theme-delegation-steps-choose-stake-pool-selected-ticker-color ); font-family: var(--font-semibold); font-size: 14px; @@ -93,7 +97,7 @@ path { stroke: var( - --theme-delegation-steps-choose-stake-pool-selected-checkmark-icon-color + --theme-delegation-steps-choose-stake-pool-selected-checkmark-icon-color ); } } @@ -108,7 +112,7 @@ path { stroke: var( - --theme-staking-stake-pool-retirement-background-color + --theme-staking-stake-pool-retirement-background-color ); } } @@ -118,7 +122,7 @@ .selectStakePoolLabel { color: var( - --theme-delegation-steps-choose-stake-pool-delegated-pools-label-color + --theme-delegation-steps-choose-stake-pool-delegated-pools-label-color ); flex: 1; font-family: var(--font-light); diff --git a/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseWalletDialog.scss b/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseWalletDialog.scss index d56a0e8b38..1e84c3446a 100644 --- a/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseWalletDialog.scss +++ b/source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseWalletDialog.scss @@ -12,7 +12,7 @@ .WalletsDropdownLabel_syncing .LoadingSpinner_icon svg path { fill: var( - --theme-delegation-steps-choose-wallet-custom-value-color + --theme-delegation-steps-choose-wallet-custom-value-color ) !important; opacity: 0.5; } @@ -34,7 +34,7 @@ span > span { color: var( - --theme-delegation-steps-choose-wallet-description-highlighted-color + --theme-delegation-steps-choose-wallet-description-highlighted-color ); font-family: var(--font-medium); font-weight: 500; @@ -61,7 +61,7 @@ .errorMessage { color: var( - --theme-delegation-steps-choose-wallet-error-message-light-color + --theme-delegation-steps-choose-wallet-error-message-light-color ); font-size: 14px; letter-spacing: normal; diff --git a/source/renderer/app/components/staking/epochs/StakingEpochs.scss b/source/renderer/app/components/staking/epochs/StakingEpochs.scss index ad1e0b177b..73bc912f8b 100644 --- a/source/renderer/app/components/staking/epochs/StakingEpochs.scss +++ b/source/renderer/app/components/staking/epochs/StakingEpochs.scss @@ -34,10 +34,10 @@ } .SimpleOptions_options.SimpleOptions_firstOptionHighlighted:not(.SimpleOptions_openUpward) - [data-bubble-arrow]:after { + [data-bubble-arrow]:after { border-bottom-color: var( - --rp-bubble-arrow-bg-color, - #fafbfc + --rp-bubble-arrow-bg-color, + #fafbfc ) !important; } } @@ -78,11 +78,11 @@ .progress { background: repeating-linear-gradient( - -63deg, - var(--theme-staking-progress-stripe-dark-1-background-color), - var(--theme-staking-progress-stripe-dark-1-background-color) 10px, - var(--theme-staking-progress-stripe-dark-2-background-color) 10px, - var(--theme-staking-progress-stripe-dark-2-background-color) 20px + -63deg, + var(--theme-staking-progress-stripe-dark-1-background-color), + var(--theme-staking-progress-stripe-dark-1-background-color) 10px, + var(--theme-staking-progress-stripe-dark-2-background-color) 10px, + var(--theme-staking-progress-stripe-dark-2-background-color) 20px ); border-radius: 5px; height: 100%; diff --git a/source/renderer/app/components/staking/info/StakingInfo.scss b/source/renderer/app/components/staking/info/StakingInfo.scss index a481c4f294..4176175bd9 100644 --- a/source/renderer/app/components/staking/info/StakingInfo.scss +++ b/source/renderer/app/components/staking/info/StakingInfo.scss @@ -14,61 +14,61 @@ } } } -} -.mainContent { - @extend %contentBorderAndBackground; - padding: 20px; -} + .mainContent { + @extend %contentBorderAndBackground; + padding: 20px; -.heading { - @extend %accentText; - font-size: 19px; - margin-bottom: 14px; -} + .heading { + @extend %accentText; + font-size: 19px; + margin-bottom: 14px; + } -.description { - @extend %regularText; - color: var(--theme-staking-font-color-light); - margin-bottom: 24px; -} + .description { + @extend %regularText; + color: var(--theme-staking-font-color-light); + margin-bottom: 24px; + } -.progressBar { - height: 24px; - margin: 0 auto; - margin-bottom: 24px; - width: 80%; -} + .progressBar { + height: 24px; + margin: 0 auto; + margin-bottom: 24px; + width: 80%; -.progressBarContainer { - background-color: var(--theme-staking-progress-bar-background-color); - border-radius: 5px; - height: 100%; - width: 100%; -} + .progressBarContainer { + background-color: var(--theme-staking-progress-bar-background-color); + border-radius: 5px; + height: 100%; + width: 100%; -.progress { - align-items: center; - background: repeating-linear-gradient( - -63deg, - var(--theme-staking-progress-stripe-dark-1-background-color), - var(--theme-staking-progress-stripe-dark-1-background-color) 10px, - var(--theme-staking-progress-stripe-dark-2-background-color) 10px, - var(--theme-staking-progress-stripe-dark-2-background-color) 20px - ); - border-radius: 5px; - display: flex; - height: 100%; - justify-content: flex-end; -} + .progress { + align-items: center; + background: repeating-linear-gradient( + -63deg, + var(--theme-staking-progress-stripe-dark-1-background-color), + var(--theme-staking-progress-stripe-dark-1-background-color) 10px, + var(--theme-staking-progress-stripe-dark-2-background-color) 10px, + var(--theme-staking-progress-stripe-dark-2-background-color) 20px + ); + border-radius: 5px; + display: flex; + height: 100%; + justify-content: flex-end; -.progressLabel { - @extend %regularText; - transform: translateX(calc(100% + 8px)); -} + .progressLabel { + @extend %regularText; + transform: translateX(calc(100% + 8px)); + } -.progressLabelWhite { - @extend %accentText; - color: var(--theme-staking-progress-label-light); - transform: translateX(-8px); + .progressLabelWhite { + @extend %accentText; + color: var(--theme-staking-progress-label-light); + transform: translateX(-8px); + } + } + } + } + } } diff --git a/source/renderer/app/components/staking/info/StakingInfoCountdown.scss b/source/renderer/app/components/staking/info/StakingInfoCountdown.scss index ae2e59ed35..44276fbb3c 100644 --- a/source/renderer/app/components/staking/info/StakingInfoCountdown.scss +++ b/source/renderer/app/components/staking/info/StakingInfoCountdown.scss @@ -17,89 +17,77 @@ } } } -} - -.mainContent { - @extend %contentBorderAndBackground; - padding: 20px; - position: relative; - z-index: 1; -} - -.content { - position: relative; - z-index: 9; -} - -.heading { - @extend %accentText; - font-size: 19px; - margin-bottom: 14px; -} - -.description { - p { - color: var(--theme-staking-font-color-accent); - font-family: var(--font-light); - margin-bottom: 20px; - } -} - -.countdownTitle { - color: var(--theme-staking-font-color-accent); - font-family: var(--font-medium); - line-height: 1.38; - margin-bottom: 10px; -} - -.progressBar { - height: 24px; - margin: 0 auto; - margin-bottom: 24px; - width: 80%; -} -.progressBarContainer { - background-color: var(--theme-staking-progress-bar-background-color); - border-radius: 5px; - height: 100%; - width: 100%; -} + .mainContent { + @extend %contentBorderAndBackground; + padding: 20px; + position: relative; + z-index: 1; -.progress { - align-items: center; - background: repeating-linear-gradient( - -63deg, - var(--theme-staking-progress-stripe-dark-1-background-color), - var(--theme-staking-progress-stripe-dark-1-background-color) 10px, - var(--theme-staking-progress-stripe-dark-2-background-color) 10px, - var(--theme-staking-progress-stripe-dark-2-background-color) 20px - ); - border-radius: 5px; - display: flex; - height: 100%; - justify-content: flex-end; -} + .content { + position: relative; + z-index: 9; -.progressLabel { - @extend %regularText; - transform: translateX(calc(100% + 8px)); -} + .heading { + @extend %accentText; + font-size: 19px; + margin-bottom: 14px; + } -.progressLabelWhite { - @extend %accentText; - color: var(--theme-staking-progress-label-light); - transform: translateX(-8px); -} + .description { + p { + color: var(--theme-staking-font-color-accent); + font-family: var(--font-light); + margin-bottom: 20px; + } + } -:global { - #root { - position: relative; + .countdownTitle { + color: var(--theme-staking-font-color-accent); + font-family: var(--font-medium); + line-height: 1.38; + margin-bottom: 10px; + } - canvas { - position: absolute; - top: 0; - z-index: 9; + .progressBar { + height: 24px; + margin: 0 auto; + margin-bottom: 24px; + width: 80%; + + .progressBarContainer { + background-color: var(--theme-staking-progress-bar-background-color); + border-radius: 5px; + height: 100%; + width: 100%; + + .progress { + align-items: center; + background: repeating-linear-gradient( + -63deg, + var(--theme-staking-progress-stripe-dark-1-background-color), + var(--theme-staking-progress-stripe-dark-1-background-color) 10px, + var(--theme-staking-progress-stripe-dark-2-background-color) 10px, + var(--theme-staking-progress-stripe-dark-2-background-color) 20px + ); + border-radius: 5px; + display: flex; + height: 100%; + justify-content: flex-end; + } + + .progressLabel { + @extend %regularText; + transform: translateX(calc(100% + 8px)); + } + + .progressLabelWhite { + @extend %accentText; + color: var(--theme-staking-progress-label-light); + transform: translateX(-8px); + } + } + } } } } diff --git a/source/renderer/app/components/status/DaedalusDiagnostics.scss b/source/renderer/app/components/status/DaedalusDiagnostics.scss index 27220d1efa..b0bf412b96 100644 --- a/source/renderer/app/components/status/DaedalusDiagnostics.scss +++ b/source/renderer/app/components/status/DaedalusDiagnostics.scss @@ -201,7 +201,9 @@ width: 44px; &:hover { - background-color: var(--theme-network-window-icon-close-hover-background); + background-color: var( + --theme-network-window-icon-close-hover-background + ); } } diff --git a/source/renderer/app/components/wallet/receive/WalletReceiveDialog.scss b/source/renderer/app/components/wallet/receive/WalletReceiveDialog.scss index ff5497dd97..c49d6b6cf6 100644 --- a/source/renderer/app/components/wallet/receive/WalletReceiveDialog.scss +++ b/source/renderer/app/components/wallet/receive/WalletReceiveDialog.scss @@ -2,18 +2,20 @@ :global { .attention { color: var( - --theme-button-attention-delete-text-color-disabled + --theme-button-attention-delete-text-color-disabled ) !important; + &:not([disabled]) { color: var(--theme-button-attention-delete-text-color) !important; } } + .LoadingSpinner_component { .LoadingSpinner_icon { svg { path { fill: var( - --theme-button-attention-delete-text-color-disabled + --theme-button-attention-delete-text-color-disabled ) !important; } } @@ -25,15 +27,18 @@ display: flex; justify-content: center; margin-bottom: 30px; + canvas { border: 4px solid var(--theme-receive-qr-code-background-color); box-sizing: content-box; } } + .addressPathsWrapper { display: flex; justify-content: center; margin: 20px 0; + .spendingPath, .stakingPath { color: var(--theme-dialog-text-color); @@ -41,11 +46,13 @@ font-size: 12px; line-height: 1.83; padding: 0 15px; + b { font-family: var(--font-bold); } } } + .address { font-family: var(--font-mono); font-size: 19px; @@ -54,11 +61,13 @@ text-align: center; word-wrap: break-word; } + .copyAddress { display: block; margin-bottom: 20px; text-align: center; width: 100%; + .copyAddressLabel { color: var(--theme-label-button-color); cursor: pointer; @@ -66,44 +75,55 @@ font-size: 14px; opacity: 0.7; padding-left: 6px; + &:hover { opacity: 1; } } + .copyIcon { cursor: pointer; margin-left: 4px; object-fit: contain; + & > svg { height: 12px; width: 10px; + path { fill: var(--theme-icon-copy-address-color); } } } } + .noteInput textarea { background: transparent; font-family: var(--font-regular); } + .hardwareWalletStatusWrapper { max-width: 640px; width: 100%; + .verificationCheckboxes { display: flex; margin: 20px 0; + :global { .SimpleCheckbox_root { width: 50%; + .SimpleCheckbox_check { border: 2px solid var(--rp-button-bg-color); opacity: 0.3; } + &.SimpleCheckbox_disabled { label { color: var(--rp-checkbox-label-text-color); } + .SimpleCheckbox_checked { background-color: var(--rp-button-bg-color); } @@ -111,26 +131,33 @@ } } } + .verificationInstructions { font-family: var(--font-light); line-height: 1.38; margin: 20px 0 12px; + b { font-family: var(--font-medium); } } + :global { .RadioSet_component { margin-bottom: 0; + .RadioSet_label { margin: 0 0 20px 0; } + .SimpleRadio_root { margin-bottom: 20px; + .SimpleRadio_label { line-height: 1.38; } } + .SimpleRadio_root:nth-child(3) { .SimpleRadio_circle { align-self: normal; @@ -139,27 +166,34 @@ } } } + .warningWrapper { border-top: 1px solid var(--theme-dialog-border-color); + :global { .SimpleCheckbox_root { margin-top: 20px; + .SimpleCheckbox_check { border-color: var(--theme-input-remove-color-light); + &.SimpleCheckbox_checked { background: var(--theme-input-remove-color-light); } } } } + .warningDescriptionWrapper { color: var(--theme-input-remove-color-light); font-family: var(--font-light); margin-top: 20px; + .warningTitle { font-family: var(--font-medium); margin-bottom: 12px; } + p { line-height: 1.36; } diff --git a/source/renderer/app/components/wallet/receive/WalletReceiveRandom.scss b/source/renderer/app/components/wallet/receive/WalletReceiveRandom.scss index f178272095..c019cf3b71 100644 --- a/source/renderer/app/components/wallet/receive/WalletReceiveRandom.scss +++ b/source/renderer/app/components/wallet/receive/WalletReceiveRandom.scss @@ -11,189 +11,189 @@ @media (max-width: 1000px) { min-height: 600px; } -} - -.copyIconBig { - cursor: pointer; - margin-left: 6px; - object-fit: contain; - & > svg { - height: 14.5px; - width: 11.5px; - path { - fill: var(--theme-icon-copy-address-color); - } - } -} - -.qrCodeAndInstructions { - display: flex; - flex-direction: row; - margin: 10px 0 24px; - position: relative; - width: 100%; - .qrCode { - align-items: flex-start; + .container { display: flex; - height: 160px; - margin-right: 20px; - min-width: 160px; - width: 160px; - - canvas { - border: 4px solid var(--theme-receive-qr-code-background-color); - box-sizing: content-box; - margin-bottom: 1.5rem; - } - } + flex-direction: column; + height: 100%; - .instructions { - color: var(--theme-bordered-box-text-color); - font-family: var(--font-regular); - font-size: 14px; - line-height: 19px; - - .hash { - font-family: var(--font-mono); - font-size: 19px; - line-height: 23px; - margin-bottom: 6px; - user-select: text; - word-break: break-all; - } + .qrCodeAndInstructions { + display: flex; + flex-direction: row; + margin: 10px 0 24px; + position: relative; + width: 100%; - .usedHash { - opacity: 0.4; - } + .qrCode { + align-items: flex-start; + display: flex; + height: 160px; + margin-right: 20px; + min-width: 160px; + width: 160px; + + canvas { + border: 4px solid var(--theme-receive-qr-code-background-color); + box-sizing: content-box; + margin-bottom: 1.5rem; + } + } - .hashLabel { - margin-bottom: 6px; - opacity: 0.5; - } + .instructions { + color: var(--theme-bordered-box-text-color); + font-family: var(--font-regular); + font-size: 14px; + line-height: 19px; + + .hash { + font-family: var(--font-mono); + font-size: 19px; + line-height: 23px; + margin-bottom: 6px; + user-select: text; + word-break: break-all; + } - .instructionsText { - font-size: 16px; - line-height: 22px; - margin-bottom: 12px; - word-break: break-word; - } + .usedHash { + opacity: 0.4; + } - .submitButton { - display: block !important; - max-width: 360px; - white-space: nowrap; - width: 100%; - &.spinning { - @include loading-spinner('../../../assets/images/spinner-light.svg'); - } - } + .hashLabel { + margin-bottom: 6px; + opacity: 0.5; + } - .submitWithPasswordButton { - max-width: 310px; - width: calc(50% - 10px); - &.spinning { - @include loading-spinner('../../../assets/images/spinner-light.svg'); - } - } + .instructionsText { + font-size: 16px; + line-height: 22px; + margin-bottom: 12px; + word-break: break-word; + } - .spendingPassword { - display: inline-block !important; - margin-right: 20px; - max-width: 310px; - padding: 0 0 1.5rem; - width: calc(50% - 10px); - - input { - border-radius: 2px; - height: 50px; - margin: 0 !important; - } + .submitButton { + display: block !important; + max-width: 360px; + white-space: nowrap; + width: 100%; + &.spinning { + @include loading-spinner('../../../assets/images/spinner-light.svg'); + } + } - :global { - .SimpleFormField_label { - display: none; + .submitWithPasswordButton { + max-width: 310px; + width: calc(50% - 10px); + &.spinning { + @include loading-spinner('../../../assets/images/spinner-light.svg'); + } } - .SimpleFormField_error { - bottom: -8px; - position: absolute; - right: 0; + .spendingPassword { + display: inline-block !important; + margin-right: 20px; + max-width: 310px; + padding: 0 0 1.5rem; + width: calc(50% - 10px); + + input { + border-radius: 2px; + height: 50px; + margin: 0 !important; + } + + :global { + .SimpleFormField_label { + display: none; + } + + .SimpleFormField_error { + bottom: -8px; + position: absolute; + right: 0; + } + } } - } - } - .error { - text-align: left; - } + .error { + text-align: left; + } - .generateAddressWrapper { - display: flex; + .generateAddressWrapper { + display: flex; - @media (max-width: 950px) { - display: block; + @media (max-width: 950px) { + display: block; - &.fullWidthOnSmallScreen { - .spendingPassword, - .submitWithPasswordButton { - max-width: 360px; - width: 100%; - } + &.fullWidthOnSmallScreen { + .spendingPassword, + .submitWithPasswordButton { + max-width: 360px; + width: 100%; + } - .spendingPassword { - margin: 0 0 2px; + .spendingPassword { + margin: 0 0 2px; + } + } } } } } - } -} - -.container { - display: flex; - flex-direction: column; - height: 100%; -} -.generatedAddresses { - color: var(--theme-bordered-box-text-color); - display: flex; - flex: 1; - flex-direction: column; - font-family: var(--font-regular); - font-size: 16px; - line-height: 22px; - width: 100%; - - h2 { - font-family: var(--font-medium); - padding-bottom: 10px; - - button { - color: var(--theme-label-button-color); + .copyIconBig { cursor: pointer; + margin-left: 6px; + object-fit: contain; + & > svg { + height: 14.5px; + width: 11.5px; + path { + fill: var(--theme-icon-copy-address-color); + } + } + } + + .generatedAddresses { + color: var(--theme-bordered-box-text-color); + display: flex; + flex: 1; + flex-direction: column; font-family: var(--font-regular); font-size: 16px; line-height: 22px; - margin-left: 12px; - opacity: 0.55; + width: 100%; - &:hover { - text-decoration: underline; + h2 { + font-family: var(--font-medium); + padding-bottom: 10px; + + button { + color: var(--theme-label-button-color); + cursor: pointer; + font-family: var(--font-regular); + font-size: 16px; + line-height: 22px; + margin-left: 12px; + opacity: 0.55; + + &:hover { + text-decoration: underline; + } + } + + .hideUsed { + float: right; + height: 20px; + text-align: right; + } } } - .hideUsed { - float: right; - height: 20px; - text-align: right; + .error { + @include error-message; + font-size: 16px; + margin-bottom: 1rem; + text-align: center; } } } - -.error { - @include error-message; - font-size: 16px; - margin-bottom: 1rem; - text-align: center; -} diff --git a/source/renderer/app/components/wallet/transactions/FilterDialog.scss b/source/renderer/app/components/wallet/transactions/FilterDialog.scss index efe84e3720..091c0fe690 100644 --- a/source/renderer/app/components/wallet/transactions/FilterDialog.scss +++ b/source/renderer/app/components/wallet/transactions/FilterDialog.scss @@ -33,14 +33,14 @@ .rdtMonths .rdtSwitch { background-color: var( - --theme-transactions-date-picker-button-background-color + --theme-transactions-date-picker-button-background-color ); pointer-events: none; } thead tr:first-child th:hover { background-color: var( - --theme-transactions-date-picker-button-background-color-hover + --theme-transactions-date-picker-button-background-color-hover ); } @@ -48,7 +48,7 @@ td.rdtActive, td.rdtActive:hover { background-color: var( - --theme-transactions-date-picker-button-background-color + --theme-transactions-date-picker-button-background-color ); border-radius: 2px; color: var(--theme-transactions-date-picker-button-color); @@ -65,13 +65,13 @@ td.rdtSecond:hover, .rdtTimeToggle:hover { background-color: var( - --theme-transactions-date-picker-button-background-color-hover + --theme-transactions-date-picker-button-background-color-hover ); } td.rdtToday:before { border-bottom-color: var( - --theme-transactions-date-picker-button-background-color + --theme-transactions-date-picker-button-background-color ); } @@ -98,7 +98,7 @@ .titleLink { background: var( - --theme-transactions-filter-title-button-background-color + --theme-transactions-filter-title-button-background-color ); border-radius: 4px; color: var(--theme-transactions-filter-title-button-text-color); @@ -124,19 +124,19 @@ &:disabled:hover { background: var( - --theme-transactions-filter-title-button-background-color + --theme-transactions-filter-title-button-background-color ); } &:hover { background: var( - --theme-transactions-filter-title-button-background-color-hover + --theme-transactions-filter-title-button-background-color-hover ); } &:active { background: var( - --theme-transactions-filter-title-button-background-color-active + --theme-transactions-filter-title-button-background-color-active ); } } diff --git a/source/renderer/app/components/widgets/NewsFeedIcon.scss b/source/renderer/app/components/widgets/NewsFeedIcon.scss index e00b1818d5..ea9a20e385 100644 --- a/source/renderer/app/components/widgets/NewsFeedIcon.scss +++ b/source/renderer/app/components/widgets/NewsFeedIcon.scss @@ -51,7 +51,9 @@ } &:hover { - background-color: var(--theme-news-feed-icon-toggle-hover-background-color); + background-color: var( + --theme-news-feed-icon-toggle-hover-background-color + ); } } } diff --git a/source/renderer/app/themes/index.global.scss b/source/renderer/app/themes/index.global.scss index 6d109f3eb8..1c3a3fa157 100644 --- a/source/renderer/app/themes/index.global.scss +++ b/source/renderer/app/themes/index.global.scss @@ -254,6 +254,16 @@ body, width: 100%; } +#root { + position: relative; + + canvas { + position: absolute; + top: 0; + z-index: 9; + } +} + * { box-sizing: border-box; }