diff options
author | André Oliveira <oliveira.andrerodrigues95@gmail.com> | 2022-06-29 12:26:01 +0100 |
---|---|---|
committer | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2022-06-29 19:28:11 +0530 |
commit | 9f299a8863f925a3903959c37ba04c57bb95f635 (patch) | |
tree | 98885e8d7dc026eb8f6412c8644db5ae291e0d74 | |
parent | 6.0.0-nightly.80 [skip ci] (diff) | |
download | ferdium-app-9f299a8863f925a3903959c37ba04c57bb95f635.tar.gz ferdium-app-9f299a8863f925a3903959c37ba04c57bb95f635.tar.zst ferdium-app-9f299a8863f925a3903959c37ba04c57bb95f635.zip |
Fix Cache Settings subsection styling
-rw-r--r-- | src/components/settings/settings/EditSettingsForm.js | 41 | ||||
-rw-r--r-- | src/styles/settings.scss | 9 |
2 files changed, 27 insertions, 23 deletions
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js index d7196caa8..3ccb37494 100644 --- a/src/components/settings/settings/EditSettingsForm.js +++ b/src/components/settings/settings/EditSettingsForm.js | |||
@@ -869,27 +869,26 @@ class EditSettingsForm extends Component { | |||
869 | {notCleared && ( | 869 | {notCleared && ( |
870 | <p>{intl.formatMessage(messages.cacheNotCleared)}</p> | 870 | <p>{intl.formatMessage(messages.cacheNotCleared)}</p> |
871 | )} | 871 | )} |
872 | <p> | 872 | <div className="settings__settings-group"> |
873 | <Button | 873 | <div className="settings__open-settings-cache-container"> |
874 | buttonType="secondary" | 874 | <Button |
875 | label={intl.formatMessage(messages.buttonClearAllCache)} | 875 | buttonType="secondary" |
876 | onClick={() => { | 876 | label={intl.formatMessage(messages.buttonClearAllCache)} |
877 | onClearAllCache(); | 877 | className="settings__open-settings-cache-button" |
878 | this.onClearCacheClicked(); | 878 | onClick={() => { |
879 | }} | 879 | onClearAllCache(); |
880 | disabled={isClearingAllCache} | 880 | this.onClearCacheClicked(); |
881 | loaded={!isClearingAllCache} | 881 | }} |
882 | /> | 882 | disabled={isClearingAllCache} |
883 | </p> | 883 | loaded={!isClearingAllCache} |
884 | <div style={{ | 884 | /> |
885 | marginTop: 20, | 885 | <Button |
886 | }} | 886 | buttonType="secondary" |
887 | > | 887 | label="Open Process Manager" |
888 | <Button | 888 | className="settings__open-settings-cache-button" |
889 | buttonType="secondary" | 889 | onClick={openProcessManager} |
890 | label="Open Process Manager" | 890 | /> |
891 | onClick={openProcessManager} | 891 | </div> |
892 | /> | ||
893 | </div> | 892 | </div> |
894 | </div> | 893 | </div> |
895 | 894 | ||
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index e0b7d39dd..b3f2d2475 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -27,7 +27,7 @@ | |||
27 | .settings__hr { | 27 | .settings__hr { |
28 | color: rgba($dark-theme-gray, 0.8); | 28 | color: rgba($dark-theme-gray, 0.8); |
29 | } | 29 | } |
30 | 30 | ||
31 | .settings__hr-sections { | 31 | .settings__hr-sections { |
32 | color: rgba($dark-theme-text-color, 0.5); | 32 | color: rgba($dark-theme-text-color, 0.5); |
33 | } | 33 | } |
@@ -190,7 +190,7 @@ | |||
190 | .settings__hr { | 190 | .settings__hr { |
191 | color: rgba($theme-gray, 0.2); | 191 | color: rgba($theme-gray, 0.2); |
192 | } | 192 | } |
193 | 193 | ||
194 | .settings__hr-sections { | 194 | .settings__hr-sections { |
195 | color: rgba($theme-gray, 0.4); | 195 | color: rgba($theme-gray, 0.4); |
196 | } | 196 | } |
@@ -421,6 +421,11 @@ | |||
421 | height: auto !important; | 421 | height: auto !important; |
422 | } | 422 | } |
423 | 423 | ||
424 | .settings__open-settings-cache-button, .settings__open-settings-cache-container { | ||
425 | cursor: pointer; | ||
426 | margin-right: 10px; | ||
427 | } | ||
428 | |||
424 | .settings__empty-state { | 429 | .settings__empty-state { |
425 | align-items: center; | 430 | align-items: center; |
426 | align-self: center; | 431 | align-self: center; |