Improved Slider control.

Adjusted the background behind slider controls to better visualize to users the bounds of the control.
DirtDiglett · Jul 6, 2015 · 65c3827 · 65c3827
1 parent c651719
commit 65c3827
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 4 deletions.
diff --git a/graphics/sliders/bottomMiddle.tga b/graphics/sliders/bottomMiddle.tga
diff --git a/graphics/sliders/bottomRight.tga b/graphics/sliders/bottomRight.tga
diff --git a/graphics/sliders/bottomleft.tga b/graphics/sliders/bottomleft.tga
diff --git a/graphics/sliders/leftMiddle.tga b/graphics/sliders/leftMiddle.tga
diff --git a/graphics/sliders/middle.tga b/graphics/sliders/middle.tga
diff --git a/graphics/sliders/rightMiddle.tga b/graphics/sliders/rightMiddle.tga
diff --git a/graphics/sliders/topLeft.tga b/graphics/sliders/topLeft.tga
diff --git a/graphics/sliders/topMiddle.tga b/graphics/sliders/topMiddle.tga
diff --git a/graphics/sliders/topRight.tga b/graphics/sliders/topRight.tga
diff --git a/includes/controls.styles b/includes/controls.styles
@@ -16,10 +16,22 @@
 			font-weight=400
 			textcolor  = "white"
 			render_bg {
-				0="fill(x0-1, y1-1, x1+1, y1, black65)"
-				1="fill(x0-1, y1-2, x1+1, y1-1, grey50)"
-				2="fill(x0-1, y1-4, x0, y1-1, black65)"
-				3="fill(x1, y1-4, x1+1, y1-1, black65)"
+				0="image_scale(x0+5,y0+10,x1-5,y1-12, graphics/sliders/middle)"
+				// TOP
+				1="image(x0,y0+5,x0+5,y0+10, graphics/sliders/topLeft)"
+				2="image_scale(x0+5,y0+5,x1-5,y0+10, graphics/sliders/topMiddle)"
+				3="image(x1-5,y0+5,x1,y0+10, graphics/sliders/topRight)"
+
+				// LEFT
+				4="image_scale(x0,y0+10,x0+5,y1-12, graphics/sliders/leftMiddle)"
+
+				// RIGHT
+				5="image_scale(x1-5,y0+10,x1,y1-12, graphics/sliders/rightMiddle)"
+
+				// BOTTOM
+				6="image(x0,y1-12,x0+5,y1-8, graphics/sliders/bottomLeft)"
+				7="image_scale(x0+5,y1-12,x1-5,y1-7, graphics/sliders/bottomMiddle)"
+				8="image(x1-5,y1-12,x1,y1-8, graphics/sliders/bottomRight)"
 			}
 		}
 			Slider:focus {