ncue/dreamgirl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move thumbnail list to right and reduce whitespace

Browse Source
This commit is contained in:
dsyoon
2025-12-27 15:44:47 +09:00
parent a9d35c63a5
commit a78234f5cf
3 changed files with 43 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
css/galleriffic-2.css
View File

@@ -97,25 +97,33 @@ div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
/* ---- Layout: thumbs (left) + slideshow (right), full width ---- */
div#gallery {
/* ---- Layout: slideshow (left) + thumbs (right), full width ---- */
.gallery-wrap {
display: flex;
gap: 20px;
align-items: flex-start;
}
div#thumbs.navigation {
flex: 0 0 360px;
max-width: 40vw;
.gallery-wrap > #gallery.content {
flex: 1 1 auto;
min-width: 0;
order: 1;
}
.gallery-wrap > #thumbs.navigation {
flex: 0 0 380px;
max-width: 38vw;
order: 2;
}
@media (max-width: 900px) {
div#gallery {
.gallery-wrap {
flex-direction: column;
}
div#thumbs.navigation {
.gallery-wrap > #thumbs.navigation {
flex: 1 1 auto;
max-width: none;
order: 2;
}
}
ul.thumbs {