From 986f8babeddc257c5f9aa5f9a9096829a184f031 Mon Sep 17 00:00:00 2001 From: Stefano Cappa Date: Sun, 28 Oct 2018 02:38:53 +0100 Subject: [PATCH] feat(): add top and bottom margins to images in plain gallery (requested by @MiaAlSaif) #169 BREAKING CHANGE --- .../src/lib/components/plain-gallery/plain-gallery.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/projects/ks89/angular-modal-gallery/src/lib/components/plain-gallery/plain-gallery.scss b/projects/ks89/angular-modal-gallery/src/lib/components/plain-gallery/plain-gallery.scss index 933357cb..26328dd2 100644 --- a/projects/ks89/angular-modal-gallery/src/lib/components/plain-gallery/plain-gallery.scss +++ b/projects/ks89/angular-modal-gallery/src/lib/components/plain-gallery/plain-gallery.scss @@ -26,6 +26,8 @@ $plain-image-width: 50px; $plain-a-tag-image-margin-left: 2px; $plain-a-tag-image-margin-right: 2px; +$plain-a-tag-image-margin-top: 2px; +$plain-a-tag-image-margin-bottom: 2px; .plain-container { align-items: center; @@ -38,6 +40,8 @@ $plain-a-tag-image-margin-right: 2px; .image { cursor: pointer; height: auto; + margin-top: $plain-a-tag-image-margin-top; + margin-bottom: $plain-a-tag-image-margin-bottom; margin-left: $plain-image-margin-left; margin-right: $plain-image-margin-right; width: $plain-image-width; @@ -47,6 +51,8 @@ $plain-a-tag-image-margin-right: 2px; cursor: pointer; //width: 50px; //height: auto; + margin-top: $plain-a-tag-image-margin-top; + margin-bottom: $plain-a-tag-image-margin-bottom; margin-left: $plain-a-tag-image-margin-left; margin-right: $plain-a-tag-image-margin-right; }