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~~
|
||||
- lightbox (current)
|
||||
- info (current)
|
||||
- select / deselect (current / all)
|
||||
- delete / clear deleted (current / all)
|
||||
- ~~select / deselect (current / all)~~
|
||||
- ~~delete / clear deleted (current / all)~~
|
||||
- crop
|
||||
- load
|
||||
- **styling and icons...**
|
||||
- ~~styling and icons...~~
|
||||
- draggable?
|
||||
- toolbar -- floating over image (gallery/lightbox/details/...)
|
||||
- lightbox
|
||||
- info
|
||||
|
||||
@ -254,6 +254,8 @@ body {
|
||||
padding-right 0.2s,
|
||||
opacity 0.2s,
|
||||
translate 0.2s;
|
||||
|
||||
user-select: none;
|
||||
}
|
||||
/* XXX need to hide parts of the toolbar and make it transparent... */
|
||||
.gallery.lightboxed .toolbar,
|
||||
@ -366,6 +368,21 @@ body {
|
||||
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 ****/
|
||||
|
||||
|
||||
@ -79,6 +79,7 @@ For more info see: <a href="./README.md">README.md</a>
|
||||
<div class="gallery">
|
||||
<!-- toolbar -->
|
||||
<div class="toolbar">
|
||||
<div class="drag-handle" title="drag">drag_indicator</div>
|
||||
<div>
|
||||
<button onclick="gallery" title="upload">cloud_upload</button>
|
||||
<button onclick="gallery" title="save">save</button>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user