From 6d84283efd93a4f368feeddc246d47bbda481d8a Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Tue, 3 Jan 2023 19:56:08 +0300
Subject: [PATCH] add a default action to a setting: for text click

---
 src/assets/scss/moz.scss                           | 2 +-
 src/components/SettingsView/Group.vue              | 7 ++++++-
 src/interfaces/settings.ts                         | 1 +
 src/settings/general/context-children-show-mode.ts | 3 ++-
 src/stores/settings/index.ts                       | 6 ++++++
 5 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/moz.scss b/src/assets/scss/moz.scss
index f403fffb..7e9618af 100644
--- a/src/assets/scss/moz.scss
+++ b/src/assets/scss/moz.scss
@@ -3,7 +3,7 @@
 @-moz-document url-prefix() {
   #acontent {
     margin-right: calc(-1rem + 1px);
-    padding-right: 1rem;
+    padding-right: 1.25rem;
   }
 
   // applies to playlist list page
diff --git a/src/components/SettingsView/Group.vue b/src/components/SettingsView/Group.vue
index 0a33734a..7d3e35c3 100644
--- a/src/components/SettingsView/Group.vue
+++ b/src/components/SettingsView/Group.vue
@@ -10,7 +10,12 @@
         :key="index"
         :class="{ inactive: setting.inactive && setting.inactive() }"
       >
-        <div class="title ellip" @click="setting.action()">
+        <div
+          class="title ellip"
+          @click="
+            setting.defaultAction ? setting.defaultAction() : setting.action()
+          "
+        >
           {{ setting.title }}
         </div>
         <div class="options">
diff --git a/src/interfaces/settings.ts b/src/interfaces/settings.ts
index caa3566b..0628d83b 100644
--- a/src/interfaces/settings.ts
+++ b/src/interfaces/settings.ts
@@ -12,6 +12,7 @@ export interface Setting {
   inactive?: () => boolean;
   action: (arg0?: any) => void;
   source: () => any;
+  defaultAction?: () => void;
 }
 
 export interface SettingGroup {
diff --git a/src/settings/general/context-children-show-mode.ts b/src/settings/general/context-children-show-mode.ts
index ec75017a..400ab3e2 100644
--- a/src/settings/general/context-children-show-mode.ts
+++ b/src/settings/general/context-children-show-mode.ts
@@ -22,6 +22,7 @@ const context_children_show_mode: Setting = {
   ],
   source: () => settings().contextChildrenShowMode,
   action: (value: mode) => settings().setContextChildrenShowMode(value),
+  defaultAction: () => settings().toggleContextChildrenShowMode(),
 };
 
-export default [context_children_show_mode];
\ No newline at end of file
+export default [context_children_show_mode];
diff --git a/src/stores/settings/index.ts b/src/stores/settings/index.ts
index f4ba209a..e93f5ee4 100644
--- a/src/stores/settings/index.ts
+++ b/src/stores/settings/index.ts
@@ -23,6 +23,12 @@ export default defineStore("settings", {
     setContextChildrenShowMode(mode: contextChildrenShowMode) {
       this.contextChildrenShowMode = mode;
     },
+    toggleContextChildrenShowMode() {
+      this.contextChildrenShowMode =
+        this.contextChildrenShowMode === contextChildrenShowMode.click
+          ? contextChildrenShowMode.hover
+          : contextChildrenShowMode.click;
+    },
   },
   getters: {
     can_extend_width(): boolean {