From c349ec9b07bea4b414e282e69d704f6b6312a19e Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 17 Feb 2022 16:32:46 +0100 Subject: Improved lightbox --- tpl/objects/backdrop.pug | 5 ++--- tpl/objects/lightbox.pug | 14 ++++++++++---- 2 files changed, 12 insertions(+), 7 deletions(-) (limited to 'tpl/objects') diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug index 3de1f99..cbe8866 100644 --- a/tpl/objects/backdrop.pug +++ b/tpl/objects/backdrop.pug @@ -1,9 +1,8 @@ mixin backdrop - let classes = { - 'o-backdrop': true, - 'u-p-relative': true, - 'o-backdrop--center': attributes.center + 'o-backdrop': true, + 'u-p-relative': true, } if (attributes.class) { classes[attributes.class] = true; diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug index ba68299..bfb4f49 100644 --- a/tpl/objects/lightbox.pug +++ b/tpl/objects/lightbox.pug @@ -1,5 +1,11 @@ -mixin lightbox(src) +mixin lightbox(images) .o-lightbox - header.o-lightbox__header - +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') - img.o-lightbox__img(src=src) + header.o-lightbox__header.s-colored-links + block + +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') + img.o-lightbox__img(src=images[0]) + footer.o-lightbox__footer + each img, i in images + - classes = i === 0 ? 'is-selected' : '' + button.o-lightbox__thumbnail(class=classes) + img.o-lightbox__thumbnail-img(src=img) -- cgit v1.2.3-70-g09d2