fix: Improve tree folder/arrow hover animation

material-theme · Oct 14, 2016 · 37879c9 · 37879c9
1 parent ee8ec38
commit 37879c9
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 20 deletions.
diff --git a/Material-Theme-Palenight.sublime-theme b/Material-Theme-Palenight.sublime-theme
@@ -696,9 +696,9 @@
       "settings": ["material_theme_arrow_folders"],
       "layer0.opacity": 0,
       "layer1.texture": "Material Theme/assets/palenight/arrow_folder.png",
-      "layer1.opacity": 1,
+      "layer1.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
       "layer2.texture": "Material Theme/assets/commons/arrow_folder--hover.png",
-      "layer2.opacity": 0.0,
+      "layer2.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
       "layer3.texture": "Material Theme/assets/commons/arrow_folder--opened.png",
       "layer3.opacity": 0.0
     },
@@ -720,8 +720,8 @@
       [
         { "class": "tree_row", "attributes": ["hover"] }
       ],
-      "layer1.opacity": 0.0,
-      "layer2.opacity": 1.0,
+      "layer1.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
+      "layer2.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
       "layer3.opacity": 0.0,
     },
 

diff --git a/sources/themes/darker/sidebar.json b/sources/themes/darker/sidebar.json
@@ -164,9 +164,9 @@
     "settings": ["material_theme_arrow_folders"],
     "layer0.opacity": 0,
     "layer1.texture": "Material Theme/assets/darker/arrow_folder.png",
-    "layer1.opacity": 1,
+    "layer1.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer2.texture": "Material Theme/assets/commons/arrow_folder--hover.png",
-    "layer2.opacity": 0.0,
+    "layer2.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.texture": "Material Theme/assets/commons/arrow_folder--opened.png",
     "layer3.opacity": 0.0
   },
@@ -188,8 +188,8 @@
     [
       { "class": "tree_row", "attributes": ["hover"] }
     ],
-    "layer1.opacity": 0.0,
-    "layer2.opacity": 1.0,
+    "layer1.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
+    "layer2.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.opacity": 0.0,
   },
 

diff --git a/sources/themes/default/sidebar.json b/sources/themes/default/sidebar.json
@@ -159,9 +159,9 @@
     "layer0.tint": [<%= ui.background.primary.rgb %>],
     "layer0.opacity": 0,
     "layer1.texture": "Material Theme/assets/default/folder.png",
-    "layer1.opacity": 1,
+    "layer1.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer2.texture": "Material Theme/assets/commons/folder--hover.png",
-    "layer2.opacity": 0.0,
+    "layer2.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.texture": "Material Theme/assets/commons/folder_opened--hover.png",
     "layer3.opacity": 0.0,
   },
@@ -196,8 +196,8 @@
     [
       { "class": "tree_row", "attributes": ["hover"] }
     ],
-    "layer1.opacity": 0.0,
-    "layer2.opacity": 1.0,
+    "layer1.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
+    "layer2.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.opacity": 0.0,
   },
 

diff --git a/sources/themes/lighter/sidebar.json b/sources/themes/lighter/sidebar.json
@@ -158,9 +158,9 @@
     "layer0.tint": [250, 250, 250],
     "layer0.opacity": 0,
     "layer1.texture": "Material Theme/assets/lighter/folder.png",
-    "layer1.opacity": 1,
+    "layer1.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer2.texture": "Material Theme/assets/commons/folder--hover.png",
-    "layer2.opacity": 0.0,
+    "layer2.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.texture": "Material Theme/assets/commons/folder_opened--hover.png",
     "layer3.opacity": 0.0,
   },
@@ -195,8 +195,8 @@
     [
       { "class": "tree_row", "attributes": ["hover"] }
     ],
-    "layer1.opacity": 0.0,
-    "layer2.opacity": 1.0,
+    "layer1.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
+    "layer2.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.opacity": 0.0,
   },
 

diff --git a/sources/themes/palenight/sidebar.json b/sources/themes/palenight/sidebar.json
@@ -172,9 +172,9 @@
     "settings": ["material_theme_arrow_folders"],
     "layer0.opacity": 0,
     "layer1.texture": "Material Theme/assets/palenight/arrow_folder.png",
-    "layer1.opacity": 1,
+    "layer1.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer2.texture": "Material Theme/assets/commons/arrow_folder--hover.png",
-    "layer2.opacity": 0.0,
+    "layer2.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.texture": "Material Theme/assets/commons/arrow_folder--opened.png",
     "layer3.opacity": 0.0
   },
@@ -196,8 +196,8 @@
     [
       { "class": "tree_row", "attributes": ["hover"] }
     ],
-    "layer1.opacity": 0.0,
-    "layer2.opacity": 1.0,
+    "layer1.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" },
+    "layer2.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" },
     "layer3.opacity": 0.0,
   },