olyakonstantin/gallery
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-08-18 17:54:17 +03:00
parent 1f3adbbfb1
commit ebfb04845a
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/grid-n-view.css
View File

@ -640,16 +640,19 @@ body {
position: sticky; position: sticky;
top: var(--bar-size); top: var(--bar-size);
height: var(--bar-size);
background: rgba(0,0,0,0.1);
} }
.gallery .loading>div:before, .gallery .loading>div:before,
.gallery .loading>div:after { .gallery .loading>div:after {
content: ""; content: "";
position: absolute; position: absolute;
top: calc(var(--bar-size) * -1); top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: var(--bar-size); height: var(--bar-size);
opacity: 0.3; opacity: 0.5;
} }
.gallery .loading>div:after { .gallery .loading>div:after {
background: gray; background: gray;

2
grid-n-view.html
View File

@ -90,7 +90,7 @@ For more info see: <a href="./README.md">README.md</a>
<h3>Settings</h3> <h3>Settings</h3>
<button onclick="gallery.toolbar.movable()">toggle toolbar drag</button> <button onclick="gallery.toolbar.movable()">toggle toolbar drag</button>
<button onclick="gallery.toggleLoading()">toggle splash screen</button> <button onclick="gallery.toggleLoading()">toggle loading screen</button>
<hr> <hr>