From 28298d7b488f31f76b76bc7b51b799e436d493d7 Mon Sep 17 00:00:00 2001
From: André Oliveira
Date: Tue, 21 Jun 2022 15:43:32 +0100
Subject: Change styling on settings
---
.../settings/settings/EditSettingsForm.js | 69 ++++++++++++++++++----
1 file changed, 56 insertions(+), 13 deletions(-)
(limited to 'src/components/settings')
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index 309be1315..3d46fd376 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -107,6 +107,22 @@ const messages = defineMessages({
id: 'settings.app.sectionSidebarSettings',
defaultMessage: 'Sidebar Settings',
},
+ sectionPrivacy: {
+ id: 'settings.app.sectionPrivacy',
+ defaultMessage: 'Privacy Settings',
+ },
+ sectionLanguage: {
+ id: 'settings.app.sectionLanguage',
+ defaultMessage: 'Language Settings',
+ },
+ sectionAdvanced: {
+ id: 'settings.app.sectionAdvanced',
+ defaultMessage: 'Advanced Settings',
+ },
+ sectionUpdates: {
+ id: 'settings.app.sectionUpdates',
+ defaultMessage: 'App Updates Settings',
+ },
sectionServiceIconsSettings: {
id: 'settings.app.sectionServiceIconsSettings',
defaultMessage: 'Service Icons Settings',
@@ -220,7 +236,8 @@ const messages = defineMessages({
},
});
-const Hr = () =>
;
+const Hr = () =>
;
+const HrSections = () =>
;
class EditSettingsForm extends Component {
static propTypes = {
@@ -438,10 +455,12 @@ class EditSettingsForm extends Component {
+ {reloadAfterResume &&
}
{reloadAfterResume && (
+
)}
@@ -452,6 +471,7 @@ class EditSettingsForm extends Component {
{!hasAddedTodosAsService && (
<>
+ {isTodosActivated &&
}
{isTodosActivated && (
@@ -479,10 +499,10 @@ class EditSettingsForm extends Component {
)}
)}
-
>
)}
+ {scheduledDNDEnabled &&
}
{scheduledDNDEnabled && (
@@ -539,7 +559,7 @@ class EditSettingsForm extends Component {
-
+
{intl.formatMessage(messages.sectionHibernation)}
@@ -595,6 +615,7 @@ class EditSettingsForm extends Component {
>
)}
+ {isSplitModeEnabled &&
}
{isSplitModeEnabled && (
)}
-
+
{intl.formatMessage(messages.sectionAccentColorSettings)}
@@ -646,7 +667,7 @@ class EditSettingsForm extends Component {
/>
-
+
{intl.formatMessage(messages.sectionSidebarSettings)}
@@ -668,7 +689,7 @@ class EditSettingsForm extends Component {
-
+
{intl.formatMessage(messages.sectionServiceIconsSettings)}
@@ -676,14 +697,20 @@ class EditSettingsForm extends Component {
+
+ {isUseGrayscaleServicesEnabled &&
}
+
{isUseGrayscaleServicesEnabled && (
- this.submit(e)}
- field={form.$('grayscaleServicesDim')}
- />
+ <>
+ this.submit(e)}
+ field={form.$('grayscaleServicesDim')}
+ />
+
+ >
)}
@@ -695,6 +722,10 @@ class EditSettingsForm extends Component {
{/* Privacy */}
{this.state.activeSetttingsTab === 'privacy' && (
+
+ {intl.formatMessage(messages.sectionPrivacy)}
+
+
{(isWindows || isMac) && (
@@ -705,8 +736,6 @@ class EditSettingsForm extends Component {
-
-
{intl.formatMessage(messages.appRestartRequired)}
@@ -760,6 +789,11 @@ class EditSettingsForm extends Component {
{/* Language */}
{this.state.activeSetttingsTab === 'language' && (
+
+
+ {intl.formatMessage(messages.sectionLanguage)}
+
+
@@ -794,6 +828,11 @@ class EditSettingsForm extends Component {
{/* Advanced */}
{this.state.activeSetttingsTab === 'advanced' && (
+
+
+ {intl.formatMessage(messages.sectionAdvanced)}
+
+
@@ -883,6 +922,10 @@ class EditSettingsForm extends Component {
{/* Updates */}
{this.state.activeSetttingsTab === 'updates' && (
+
+ {intl.formatMessage(messages.sectionUpdates)}
+
+
{automaticUpdates && (
<>
--
cgit v1.2.3-70-g09d2