tweaks...

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

css/grid-n-view.css

@@ -235,7 +235,11 @@ body {
 /*------------------------------------------------------- Details ---*/
 
 .gallery .details img {
-	width: 50%;
+	width: 20em;
+	height: 20em;
+	padding: 0.5em;
+	object-fit: contain;
+	border: solid 1px black;
 }
 
 

grid-n-view.html

@@ -53,9 +53,9 @@ var restoreScroll = function(){
 <pre>
 - Views:
 	- <s>Gallery</s>
-	- <b>Details</b>
+	- <s>Details</s>
 	- <s>Lightbox</s>
-- toolbar
+- toolbar -- floating over image (gallery/lightbox/details/...)
 	- select / deselect
 	- delete / clear deleted
 	- crop

grid-n-view.js

@@ -120,6 +120,7 @@ function(elem) {
 
 // XXX add shift+arrow to select...
 // XXX add home/end, pageup/pagedown...
+// XXX need a real ui stack -- close things top to bottom (Enter/Escape/...)...
 var keyboard = {
 	ArrowLeft: function(){
 		gallery.prev() },
@@ -146,8 +147,9 @@ var keyboard = {
 			|| gallery.details.shown
 			|| gallery.down() },
 	Enter: function(){
-		gallery.lightbox.toggle() },
+		gallery.details.shown ?
-	// XXX need a real ui stack -- close top to bottom...
+			gallery.details.hide()
+			: gallery.lightbox.toggle() },
 	Escape: function(evt){
 		gallery.details.shown ?
 			gallery.details.hide() 
@@ -732,6 +734,7 @@ var Gallery = {
 
 
 //- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+// This is a prototype for all modal views...
 
 var Overlay = {
 	dom: undefined,