Fixed a number of Small Mode bugs

- ColumnSelectButton is now visable - But now a small white line appears on the right side (Unknown bug) - Changed the library category colors from white to dark as per DirtDiglett#80 and DirtDiglett#87 - Changed the width of the search bar to max as a easy way to align the library filters button to the right.
Dave247 · May 31, 2017 · 8ea17e3 · 8ea17e3
1 parent ad19c69
commit 8ea17e3
Showing 1 changed file with 17 additions and 16 deletions.
diff --git a/resource/layout/gamespage_mini.layout b/resource/layout/gamespage_mini.layout
@@ -62,22 +62,22 @@
 
 		ListPanelColumnSelectButton {
 			render {
-				0="fill(x0+5,y0,x1+4,y1-1, grey200)"
+				0="fill(x0+5,y0,x1+4,y1-1, grey900)"
 				1="image( x0 + 7, y0 + 4, x1, y1, graphics/icons/columnselectbutton/standard/columnselectbutton)"
 			}
 			render_bg {}
 		}
 
 			ListPanelColumnSelectButton:hover {
 				render {
-					0="fill(x0+5,y0,x1+4,y1-1, grey200)"
+					0="fill(x0+5,y0,x1+4,y1-1, grey900)"
 					1="image( x0 + 7, y0 + 4, x1, y1, graphics/icons/columnselectbutton/hover/columnselectbutton)"
 				}
 			}
 
 			ListPanelColumnSelectButton:selected {
 				render {
-					0="fill(x0+5,y0,x1+4,y1-1, grey200)"
+					0="fill(x0+5,y0,x1+4,y1-1, grey900)"
 					1="image( x0 + 7, y0 + 4, x1, y1, graphics/icons/columnselectbutton/hover/columnselectbutton)"
 				}
 			}
@@ -179,8 +179,8 @@
 		}
 
 		ListPanelSectionHeader {
-			bgcolor=white
-			textcolor=customgreysecondary
+			bgcolor=grey800
+			textcolor=text_onDarkBG
 			font-weight=600
 			font-style=uppercase
 			minimum-height=47
@@ -190,8 +190,8 @@
 
 			render {}
 			render_bg {
-				0="fill(x0,y0-1,x1,y0, dividers_onLightBG)"
-				1="fill(x0,y1-1,x1,y1, dividers_onLightBG)"
+				0="fill(x0,y0-1,x1,y0, dividers_onDarkBG_solid)"
+				1="fill(x0,y1-1,x1,y1, dividers_onDarkBG_solid)"
 			}
 		}
 
@@ -200,35 +200,36 @@
 			padding-left=8
 			padding-right=8
 			image=graphics/icons/dropdown/padder
+			bgcolor=grey800
 
 			render {}
 			render_bg {
-				0="fill(x0,y0-1,x1,y0, dividers_onLightBG)"
-				1="fill(x0,y1-1,x1,y1, dividers_onLightBG)"
+				0="fill(x0,y0-1,x1,y0, dividers_onDarkBG_solid)"
+				1="fill(x0,y1-1,x1,y1, dividers_onDarkBG_solid)"
 				2="image(x0+14,y0+18,x1,y1, graphics/icons/dropdown/standard/down_dark)"
 			}
 		}
 
 			ListPanelSectionCollapser:hover {
 				render_bg {
-					0="fill(x0,y0-1,x1,y0, dividers_onLightBG)"
-					1="fill(x0,y1-1,x1,y1, dividers_onLightBG)"
+					0="fill(x0,y0-1,x1,y0, dividers_onDarkBG_solid)"
+					1="fill(x0,y1-1,x1,y1, dividers_onDarkBG_solid)"
 					2="image(x0+14,y0+18,x1,y1, graphics/icons/dropdown/hover/down_dark)"
 				}
 			}
 
 			ListPanelSectionCollapser:selected {
 				render_bg {
-					0="fill(x0,y0-1,x1,y0, dividers_onLightBG)"
-					1="fill(x0,y1-1,x1,y1, dividers_onLightBG)"
+					0="fill(x0,y0-1,x1,y0, dividers_onDarkBG_solid)"
+					1="fill(x0,y1-1,x1,y1, dividers_onDarkBG_solid)"
 					2="image(x0+14,y0+18,x1,y1, graphics/icons/dropdown/standard/up_dark)"
 				}
 			}
 
 				ListPanelSectionCollapser:selected:hover {
 					render_bg {
-						0="fill(x0,y0-1,x1,y0, dividers_onLightBG)"
-						1="fill(x0,y1-1,x1,y1, dividers_onLightBG)"
+						0="fill(x0,y0-1,x1,y0, dividers_onDarkBG_solid)"
+						1="fill(x0,y1-1,x1,y1, dividers_onDarkBG_solid)"
 						2="image(x0+14,y0+18,x1,y1, graphics/icons/dropdown/hover/up_dark)"
 					}
 				}
@@ -268,7 +269,7 @@
 
 		place {
 			control=library_search
-			width=261
+			width=max
 		}
 
 		place {