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

added basic theaming...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-07-17 13:37:10 +03:00
parent 849460de91
commit 802fe8193b
2 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,9 +20,21 @@
--gallery-secondary-color: silver;
--gallery-background-color: white;
--lightbox-text-color: black;
--lightbox-background-color: white;
}
.gallery-dark {
--gallery-text-color: silver;
--gallery-secondary-color: gray;
--gallery-background-color: black;
}
.lightbox-dark {
--lightbox-text-color: silver;
--lightbox-background-color: black;
}
/****************************************************** Scrolling ****/
@ -40,6 +52,9 @@
}
body {
overflow-y: scroll;
color: var(--gallery-text-color);
background: var(--gallery-background-color);
}
@ -55,6 +70,9 @@ body {
margin-left: var(--gallery-scrollbar-width);
margin-right: 0;
color: var(--gallery-text-color);
background: var(--gallery-background-color);
}
.gallery img {
height: 300px;
@ -82,6 +100,7 @@ body {
text-align: center;
color: var(--lightbox-text-color);
background: var(--lightbox-background-color);
}
.gallery .lightbox.show-caption:after {

17
grid-n-view.js
View File

@ -1,3 +1,20 @@
//=====================================================================
//
//
//
// TODO:
// - selection
// - drag-n-drop
// - sort/move
// - crop selection
// - full screen
// - make the gallery into a web component
//
//
//=====================================================================
//---------------------------------------------------------------------
// XXX need to account for scrollbar -- add hysteresis???