diff options
author | Volpeon <git@volpeon.ink> | 2022-02-17 16:32:46 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-17 16:32:46 +0100 |
commit | c349ec9b07bea4b414e282e69d704f6b6312a19e (patch) | |
tree | c270f94eecd6815a0793e43a9e9f16267230f93a /tpl/objects | |
parent | Fixed action menu border color (diff) | |
download | iro-design-c349ec9b07bea4b414e282e69d704f6b6312a19e.tar.gz iro-design-c349ec9b07bea4b414e282e69d704f6b6312a19e.tar.bz2 iro-design-c349ec9b07bea4b414e282e69d704f6b6312a19e.zip |
Improved lightbox
Diffstat (limited to 'tpl/objects')
-rw-r--r-- | tpl/objects/backdrop.pug | 5 | ||||
-rw-r--r-- | tpl/objects/lightbox.pug | 14 |
2 files changed, 12 insertions, 7 deletions
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 @@ | |||
1 | mixin backdrop | 1 | mixin backdrop |
2 | - | 2 | - |
3 | let classes = { | 3 | let classes = { |
4 | 'o-backdrop': true, | 4 | 'o-backdrop': true, |
5 | 'u-p-relative': true, | 5 | 'u-p-relative': true, |
6 | 'o-backdrop--center': attributes.center | ||
7 | } | 6 | } |
8 | if (attributes.class) { | 7 | if (attributes.class) { |
9 | classes[attributes.class] = true; | 8 | 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 @@ | |||
1 | mixin lightbox(src) | 1 | mixin lightbox(images) |
2 | .o-lightbox | 2 | .o-lightbox |
3 | header.o-lightbox__header | 3 | header.o-lightbox__header.s-colored-links |
4 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') | 4 | block |
5 | img.o-lightbox__img(src=src) | 5 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') |
6 | img.o-lightbox__img(src=images[0]) | ||
7 | footer.o-lightbox__footer | ||
8 | each img, i in images | ||
9 | - classes = i === 0 ? 'is-selected' : '' | ||
10 | button.o-lightbox__thumbnail(class=classes) | ||
11 | img.o-lightbox__thumbnail-img(src=img) | ||