minor tweaks...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
91dae0a326
commit
18de12dc7e
@ -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
|
||||||
|
|||||||
@ -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 ****/
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user