improve edge tracking

src/component/edge/index.js

@@ -160,7 +160,6 @@ export const Edge = function({
 
     const body = document.querySelector('body');
 
-
     if (secondary.length > 0) {
 
       secondary.forEach((item, i) => {

src/component/menuContent/bookmarkSetting/index.js

@@ -213,10 +213,8 @@ bookmarkSetting.general = (parent) => {
     max: state.get.minMax().bookmark.size.max,
     action: () => {
       applyCSSVar('bookmark.size');
-      data.save();
-    },
-    sliderAction: () => {
       if (state.get.current().bookmark.show && bookmark.tile.current.length > 0 && bookmarkSetting.edge.general.size) { bookmarkSetting.edge.general.size.track(); };
+      data.save();
     },
     mouseDownAction: () => {
       if (state.get.current().bookmark.show && bookmark.tile.current.length > 0 && bookmarkSetting.edge.general.size) { bookmarkSetting.edge.general.size.show(); };

src/component/menuContent/groupSetting/index.js

@@ -144,10 +144,8 @@ groupSetting.name = (parent) => {
     max: state.get.minMax().group.name.size.max,
     action: () => {
       applyCSSVar('group.name.size');
-      data.save();
-    },
-    sliderAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].name.show && groupSetting.edge.name.size) { groupSetting.edge.name.size.track(); };
+      data.save();
     },
     mouseDownAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].name.show && groupSetting.edge.name.size) { groupSetting.edge.name.size.show(); };
@@ -290,10 +288,8 @@ groupSetting.open = (parent) => {
     max: state.get.minMax().group.openAll.size.max,
     action: () => {
       applyCSSVar('group.openAll.size');
-      data.save();
-    },
-    sliderAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].openAll.show && groupSetting.edge.open.size) { groupSetting.edge.open.size.track(); };
+      data.save();
     },
     mouseDownAction: () => {
       if (state.get.current().bookmark.show && group.area.current.length > 0 && bookmark.all[0].openAll.show && groupSetting.edge.open.size) { groupSetting.edge.open.size.show(); };

src/component/menuContent/headerSetting/index.js

@@ -482,10 +482,8 @@ headerSetting.greeting = (parent) => {
     max: state.get.minMax().header.greeting.size.max,
     action: () => {
       applyCSSVar('header.greeting.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.greeting.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.greeting.size.show();
@@ -653,10 +651,8 @@ headerSetting.transitional = (parent) => {
     max: state.get.minMax().header.transitional.size.max,
     action: () => {
       applyCSSVar('header.transitional.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.transitional.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.transitional.size.show();
@@ -920,10 +916,8 @@ headerSetting.clock = (parent) => {
     max: state.get.minMax().header.clock.size.max,
     action: () => {
       applyCSSVar('header.clock.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.clock.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.clock.size.show();
@@ -1431,10 +1425,8 @@ headerSetting.date = (parent) => {
     max: state.get.minMax().header.date.size.max,
     action: () => {
       applyCSSVar('header.date.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.date.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.date.size.show();
@@ -1544,10 +1536,8 @@ headerSetting.search = (parent) => {
     max: state.get.minMax().header.search.size.max,
     action: () => {
       applyCSSVar('header.search.size');
-      data.save();
-    },
-    sliderAction: () => {
       headerSetting.edge.search.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       headerSetting.edge.search.size.show();
@@ -1754,10 +1744,8 @@ headerSetting.search = (parent) => {
       max: state.get.minMax().header.search.width.size.max,
       action: () => {
         applyCSSVar('header.search.width.size');
-        data.save();
-      },
-      sliderAction: () => {
         headerSetting.edge.search.size.track();
+        data.save();
       },
       mouseDownAction: () => {
         headerSetting.edge.search.size.show();

src/component/menuContent/layoutSetting/index.js

@@ -127,10 +127,8 @@ layoutSetting.scaling = (parent) => {
     max: state.get.minMax().layout.size.max,
     action: () => {
       applyCSSVar('layout.size');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.scaling.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.scaling.size.show();
@@ -167,10 +165,8 @@ layoutSetting.area = (parent) => {
     max: state.get.minMax().layout.width.max,
     action: () => {
       applyCSSVar('layout.width');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.area.width.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.area.width.show();
@@ -192,10 +188,8 @@ layoutSetting.area = (parent) => {
       max: state.get.minMax().layout.area.header.width.max,
       action: () => {
         applyCSSVar('layout.area.header.width');
-        data.save();
-      },
-      sliderAction: () => {
         layoutSetting.edge.area.header.track();
+        data.save();
       },
       mouseDownAction: () => {
         layoutSetting.edge.area.header.show();
@@ -240,10 +234,8 @@ layoutSetting.area = (parent) => {
       max: state.get.minMax().layout.area.bookmark.width.max,
       action: () => {
         applyCSSVar('layout.area.bookmark.width');
-        data.save();
-      },
-      sliderAction: () => {
         layoutSetting.edge.area.bookmark.track();
+        data.save();
       },
       mouseDownAction: () => {
         layoutSetting.edge.area.bookmark.show();
@@ -317,10 +309,8 @@ layoutSetting.padding = (parent) => {
     max: state.get.minMax().layout.padding.max,
     action: () => {
       applyCSSVar('layout.padding');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.padding.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.padding.show();
@@ -353,10 +343,8 @@ layoutSetting.gutter = (parent) => {
     max: state.get.minMax().layout.gutter.max,
     action: () => {
       applyCSSVar('layout.gutter');
-      data.save();
-    },
-    sliderAction: () => {
       layoutSetting.edge.gutter.track();
+      data.save();
     },
     mouseDownAction: () => {
       layoutSetting.edge.gutter.show();

src/component/menuContent/toolbarSetting/index.js

@@ -98,10 +98,8 @@ toolbarSetting.size = (parent) => {
     max: state.get.minMax().toolbar.size.max,
     action: () => {
       applyCSSVar('toolbar.size');
-      data.save();
-    },
-    sliderAction: () => {
       toolbarSetting.edge.size.track();
+      data.save();
     },
     mouseDownAction: () => {
       toolbarSetting.edge.size.show();