ENHANCEMENT Making jQuery.layout dimension settings in CMS configurable through CSS, to allow for easy overloading without using the javascript object (e.g. making the sidebar wider in ModelAdmin through ModelAdmin.css)

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@92765 467b73ca-7a2a-4603-9d3b-597d59a354a9

css/layout.css

@@ -57,6 +57,22 @@ body {
 	overflow: hidden !important;
 }
 
+.ui-layout-west {
+	width: 225px;
+}
+
+.ui-layout-north {
+	height: 35px;
+}
+
+.ui-layout-south {
+	height: 23px;
+}
+
+.ui-layout-east {
+	height: 250px;
+}
+
 /*
 *	RESIZER-BARS
 */

javascript/LeftAndMain.js

@@ -105,17 +105,17 @@ var ss_MainLayout;
 					north: {
 						slidable: false,
 						resizable: false,
-						size: 35,
+						size: this.find('.ui-layout-north').height(),
 						togglerLength_open: 0
 					},
 					south: {
 						slidable: false,
 						resizable: false,
-						size: 23,
+						size: this.find('.ui-layout-south').height(),
 						togglerLength_open: 0
 					},
 					west: {
-						size: 225,
+						size: this.find('.ui-layout-west').width(),
 						fxName: "none"
 					},
 					east: {
@@ -125,7 +125,7 @@ var ss_MainLayout;
 						initHidden: true,
 						spacing_closed: 0,
 						fxName: "none",
-						size: 250
+						size: this.find('.ui-layout-east').width()
 					},
 					center: {}
 				}, savedLayoutSettings);