flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-29 10:20:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

experimenting with image gaps...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-05-13 07:19:16 +03:00
parent ea433bee78
commit f4cf1d2ee7
2 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
Viewer/css/experimenting.css
View File

@ -570,6 +570,23 @@ body {
} }
/* image gaps */
.image:not(:first-of-type) {
margin-left: var(--image-gap-size);
}
/* image gap indicator */
.image:before {
content: var(--image-gap-text);
display: block;
position: absolute;
bottom: 0.5em;
left: 0px;
background:gray;
border-radius: 1em;
padding: 0.2em 0.5em;
transform: translate(-50%);
}
/* DEBUG stuff... */ /* DEBUG stuff... */
.container-center { .container-center {

4
Viewer/css/layout.css
View File

@ -42,6 +42,10 @@
--background-color: white; --background-color: white;
} }
.viewer.single-image-mode {
--ribbon-background-color: none;
}
/********************************************************* utility ***/ /********************************************************* utility ***/