experimenting with widget sizing...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui (gen4)/experiments/browse-dialog.html

@@ -10,6 +10,20 @@
 	left: 100px;
 
 	box-shadow: rgba(0,0,0,0.5) 0.1em 0.1em 0.4em;
+
+	/* make the container expand only to a certain size, then scroll */
+	/* XXX need to:
+		- auto-scroll vertically
+		- use custom scroll bars
+		- shorten path to fit width
+			i.e. manage width manually when at max-width...
+	*/
+	max-height: 60vh;
+	max-width: 60vw;
+	height: auto;
+	width: auto;
+	overflow-y: auto;
+	overflow-x: hidden;
 }
 
 .browse {
@@ -122,9 +136,7 @@ var TREE = {
 		dir_b: {
 			file1: 'this is a file',
 		},
-	},
-	file: 'this is a file',
-	/*
+		dir_c: {},
 		dir_d: {},
 		dir_e: {},
 		dir_f: {},
@@ -142,7 +154,8 @@ var TREE = {
 		dir_s: {},
 		dir_t: {},
 		dir_u: {},
-	*/
+	},
+	file: 'this is a file',
 }
 // add some recursion for testing...
 TREE.dir_d = TREE.dir_c.dir_b

ui (gen4)/viewer.js

@@ -468,6 +468,7 @@ actions.Actions({
 	reverseRibbons: ['Reverse ribbon order',
 		function(){ this.data.reverseRibbons() }],
 
+	// XXX align to ribbon...
 
 	// XXX this also requires images...
 	sortImages: [