feat: add round anologue clock option

src/components/modals/main/settings/sections/Time.jsx

@@ -93,6 +93,11 @@ export default class TimeSettings extends PureComponent {
           text={variables.getMessage('modals.main.settings.sections.time.analogue.minute_marks')}
           category="clock"
         />
+        <Checkbox
+          name="roundClock"
+          text={variables.getMessage('modals.main.settings.sections.time.analogue.round_clock')}
+          category="clock"
+        />
       </SettingsItem>
     );
 

src/components/widgets/time/Clock.jsx

@@ -160,7 +160,7 @@ export default class Clock extends PureComponent {
     if (localStorage.getItem('timeType') === 'analogue') {
       return (
         <Suspense fallback={<></>}>
-          <div className="clockBackground">
+          <div className={`clockBackground ${enabled('roundClock') ? 'round' : ''}`}>
             <Analog
               className="analogclock clock-container"
               value={this.state.time}

src/components/widgets/time/clock.scss

@@ -39,6 +39,10 @@
 .clockBackground {
   @extend %basic;
   padding: 1rem;
+
+  &.round {
+    border-radius: 100% !important;
+  }
 }
 
 .new-clock {

src/translations/en_GB.json

@@ -120,7 +120,8 @@
               "minute_hand": "Minutes hand",
               "hour_hand": "Hours hand",
               "hour_marks": "Hour marks",
-              "minute_marks": "Minute marks"
+              "minute_marks": "Minute marks",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Percentage complete",
             "vertical_clock": {

src/translations/tr_TR.json

@@ -120,7 +120,8 @@
               "minute_hand": " Yelkovan (dakika) ibresi",
               "hour_hand": "Akrep (saat) ibresi",
               "hour_marks": "Saat çizgileri",
-              "minute_marks": "Dakika çizgileri"
+              "minute_marks": "Dakika çizgileri",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Yüzdelik Gösterim",
             "vertical_clock": {