fix: Improve icon file type hover transition

material-theme · Oct 25, 2016 · a84d6cc · a84d6cc
1 parent ce6726e
commit a84d6cc
Show file tree

Hide file tree

Showing 8 changed files with 55 additions and 5 deletions.
diff --git a/Material-Theme-Darker.sublime-theme b/Material-Theme-Darker.sublime-theme
@@ -658,6 +658,13 @@
       "layer0.opacity": 0.6,
       "content_margin": [9, 9]
     },
+
+    {
+      "class": "icon_file_type",
+      "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+      "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+    },
+
     {
       "class": "icon_file_type",
       "parents": [{"class": "tree_row", "attributes": ["selected"]}],

diff --git a/Material-Theme-Lighter.sublime-theme b/Material-Theme-Lighter.sublime-theme
@@ -663,6 +663,13 @@
       "layer0.opacity": 0.6,
       "content_margin": [9, 9]
     },
+
+    {
+      "class": "icon_file_type",
+      "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+      "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+    },
+
     {
       "class": "icon_file_type",
       "parents": [{"class": "tree_row", "attributes": ["selected"]}],

diff --git a/Material-Theme-Palenight.sublime-theme b/Material-Theme-Palenight.sublime-theme
@@ -668,11 +668,16 @@
       "content_margin": [9, 9]
     },
 
+    {
+      "class": "icon_file_type",
+      "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+      "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+    },
+
     {
       "class": "icon_file_type",
       "parents": [{"class": "tree_row", "attributes": ["selected"]}],
-      "layer0.opacity": 1,
-      "content_margin": [9, 9]
+      "layer0.opacity": 1.0
     },
 
       // Secondary folder icon (original) used as main folder icon
@@ -992,7 +997,7 @@
       "attributes": ["horizontal"],
       "layer0.texture": "Material Theme/assets/palenight/thumb_horizontal.png",
       "layer0.opacity": 1.0,
-      "layer0.inner_margin": [10, 10],
+      "layer0.inner_margin": [10, 0],
       "content_margin": [16, 6],
       "blur": false
     },

diff --git a/Material-Theme.sublime-theme b/Material-Theme.sublime-theme
@@ -667,6 +667,12 @@
       "content_margin": [9, 9]
     },
 
+    {
+      "class": "icon_file_type",
+      "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+      "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+    },
+
     {
       "class": "icon_file_type",
       "parents": [{"class": "tree_row", "attributes": ["selected"]}],

diff --git a/sources/themes/darker/sidebar.json b/sources/themes/darker/sidebar.json
@@ -136,6 +136,13 @@
     "layer0.opacity": 0.6,
     "content_margin": [9, 9]
   },
+
+  {
+    "class": "icon_file_type",
+    "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+    "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+  },
+
   {
     "class": "icon_file_type",
     "parents": [{"class": "tree_row", "attributes": ["selected"]}],

diff --git a/sources/themes/default/sidebar.json b/sources/themes/default/sidebar.json
@@ -144,6 +144,12 @@
     "content_margin": [9, 9]
   },
 
+  {
+    "class": "icon_file_type",
+    "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+    "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+  },
+
   {
     "class": "icon_file_type",
     "parents": [{"class": "tree_row", "attributes": ["selected"]}],

diff --git a/sources/themes/lighter/sidebar.json b/sources/themes/lighter/sidebar.json
@@ -143,6 +143,13 @@
     "layer0.opacity": 0.6,
     "content_margin": [9, 9]
   },
+
+  {
+    "class": "icon_file_type",
+    "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+    "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+  },
+
   {
     "class": "icon_file_type",
     "parents": [{"class": "tree_row", "attributes": ["selected"]}],

diff --git a/sources/themes/palenight/sidebar.json b/sources/themes/palenight/sidebar.json
@@ -144,11 +144,16 @@
     "content_margin": [9, 9]
   },
 
+  {
+    "class": "icon_file_type",
+    "parents": [{"class": "tree_row", "attributes": ["hover"]}],
+    "layer0.opacity": { "target": 1.0, "speed": 3.0, "interpolation": "smoothstep" }
+  },
+
   {
     "class": "icon_file_type",
     "parents": [{"class": "tree_row", "attributes": ["selected"]}],
-    "layer0.opacity": 1,
-    "content_margin": [9, 9]
+    "layer0.opacity": 1.0
   },
 
     // Secondary folder icon (original) used as main folder icon