cleanup...

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

README.md

@@ -12,14 +12,9 @@
 	- crop
 	- load
 	- ~~styling and icons...~~
-	- draggable?
+	- ~~draggable?~~ (needs tweaking)
 	- ~~handle wrapping better (collapsed / expandend)~~  
 	  might still need to resize to content on multiline...
-- toolbar -- floating over image (gallery/lightbox/details/...)
-	- lightbox
-	- info
-	- select / deselect
-	- delete
 - Lightbox: hover indicators: 
 	- start/end (a-la ImageGrid.Viewer??)
 	- next/prev

css/grid-n-view.css

@@ -293,10 +293,19 @@ body {
 	display: none;
 }
 
+/* moving toolbar... */
 .gallery .toolbar.moving {
 	transition: none;
 }
 
+/* fixed toolbar... */
+.gallery .toolbar.fixed {
+	padding-left: var(--padding);
+}
+.gallery .toolbar.fixed .drag-handle {
+	display: none;
+}
+
 /* sticky toolbar indicator... */
 .gallery .toolbar.sticky:after {
 	content: "lock";

grid-n-view.html

@@ -79,7 +79,7 @@ For more info see: <a href="./README.md">README.md</a>
 <div class="gallery otter">
 	<!-- toolbar -->
 	<div class="toolbar-anchor">
-		<div class="toolbar">
+		<div class="toolbar fixed">
 			<button class="drag-handle" title="drag">drag_indicator</button> 
 			<div>
 				<button onclick="gallery" title="upload">cloud_upload</button> 

grid-n-view.js

@@ -1051,7 +1051,6 @@ var Gallery = {
 		toolbar.addEventListener('mouseover', toolbarAutoHideCancel)
 		toolbar.addEventListener('touchstart', toolbarAutoHideCancel)
 
-		/* XXX needs more tweaking...
 		// toolbar: move...
 		// XXX to drag anywhere on the elem we need to prevent 
 		// 		clicks while dragging...
@@ -1060,6 +1059,8 @@ var Gallery = {
 			handle: '.drag-handle',
 			// set bounds...
 			start: function(elem, data){
+				if(elem.classList.contains('fixed')){
+					return false }
 				data.bounds = {
 					top: 0,
 					left: 0,
@@ -1069,7 +1070,6 @@ var Gallery = {
 			move: function(elem, data){
 				elem.style.setProperty('--move-x', data.x + 'px') 
 				elem.style.setProperty('--move-y', data.y + 'px') }, })
-		//*/
 
 		// image clicks...
 		this.dom.querySelector('.images')