feat: Start offset

MichalBryxi · Sep 30, 2024 · dd09dce · dd09dce
1 parent 450ac4e
commit dd09dce
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/app/components/avatar/badge.gjs b/app/components/avatar/badge.gjs
@@ -79,6 +79,7 @@ export default class OpenToFiles extends Component {
           xlink:href='#curve'
           id='textPath1'
           dx='2.72'
+          startOffset='{{this.settings.textOffset}}'
         >{{this.settings.text}}</textPath></text></svg>
   </template>
 }
diff --git a/app/components/open-to/toggles/index.gjs b/app/components/open-to/toggles/index.gjs
@@ -61,6 +61,14 @@ export default class OpenToToggles extends Component {
         @onChange={{set this.settings 'backgroundColour'}}
         @classes={{hash input='p-1 h-11'}}
       />
+      <Input
+        @type='range'
+        @label={{t 'toggles.text-offset'}}
+        @value={{this.settings.textOffset}}
+        @onInput={{set this.settings 'textOffset'}}
+        min='0'
+        max='200'
+      />
     </form>
   </template>
 }
diff --git a/app/services/settings.js b/app/services/settings.js
@@ -7,4 +7,5 @@ export default class SettingsService extends Service {
   @tracked colourStop = '#ec4899';
   @tracked cropToCircle = true;
   @tracked backgroundColour = null;
+  @tracked textOffset = 0;
 }
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
@@ -13,6 +13,7 @@ toggles:
     circle: Circle
     square: Square
   background-colour: Background colour
+  text-offset: Text offset
 export:
   button: Export
 footer: