minor tweaks...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-08-15 20:59:21 +03:00
parent 91dae0a326
commit 18de12dc7e
3 changed files with 22 additions and 3 deletions

View File

@ -8,11 +8,12 @@
- ~~toolbar -- floating over gallery~~ - ~~toolbar -- floating over gallery~~
- lightbox (current) - lightbox (current)
- info (current) - info (current)
- select / deselect (current / all) - ~~select / deselect (current / all)~~
- delete / clear deleted (current / all) - ~~delete / clear deleted (current / all)~~
- crop - crop
- load - load
- **styling and icons...** - ~~styling and icons...~~
- draggable?
- toolbar -- floating over image (gallery/lightbox/details/...) - toolbar -- floating over image (gallery/lightbox/details/...)
- lightbox - lightbox
- info - info

View File

@ -254,6 +254,8 @@ body {
padding-right 0.2s, padding-right 0.2s,
opacity 0.2s, opacity 0.2s,
translate 0.2s; translate 0.2s;
user-select: none;
} }
/* XXX need to hide parts of the toolbar and make it transparent... */ /* XXX need to hide parts of the toolbar and make it transparent... */
.gallery.lightboxed .toolbar, .gallery.lightboxed .toolbar,
@ -366,6 +368,21 @@ body {
border: solid 1px transparent; border: solid 1px transparent;
} }
.gallery .toolbar .drag-handle {
font-family: "Material Symbols Outlined";
font-size: var(--toolbar-button-size);
line-height: var(--toolbar-button-size);
font-weight: 300;
cursor: pointer;
opacity: 0.3;
}
.gallery .toolbar .drag-handle:hover {
opacity: 1;
}
/******************************************************* Overlays ****/ /******************************************************* Overlays ****/

View File

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