From a3d1ce47d3bf31bfc5bea06f76abdfb404c5f2fc Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sun, 11 Dec 2016 18:37:40 -0500
Subject: Add slideshow for images

---
 assets/sass/_image_slideshow.sass | 40 +++++++++++++++++++++++++++++++++++++++
 assets/sass/_thumbnails.sass      |  1 +
 assets/sass/app.sass              |  1 +
 3 files changed, 42 insertions(+)
 create mode 100644 assets/sass/_image_slideshow.sass

(limited to 'assets/sass')

diff --git a/assets/sass/_image_slideshow.sass b/assets/sass/_image_slideshow.sass
new file mode 100644
index 00000000..d88a81fb
--- /dev/null
+++ b/assets/sass/_image_slideshow.sass
@@ -0,0 +1,40 @@
+.image-slideshow-overlay
+  position: fixed
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+  background: rgba(0, 0, 0, 0.95)
+  overflow: auto
+  z-index: 100
+  img
+    display: block
+    margin: auto
+  figcaption
+    color: #fff
+    opacity: 0.7
+    position: absolute
+    bottom: 5px
+    right: 15px
+
+.slideshow-icon
+  color: #fff
+  position: absolute
+  font-size: 2.5em
+  opacity: 0.6
+  &:hover
+    opacity: 0.9
+    cursor: pointer
+
+.slideshow-previous-icon
+  left: 10px
+  top: 45%
+
+.slideshow-next-icon
+  right: 10px
+  top: 45%
+
+.slideshow-close-icon
+  right: 10px
+  top: 10px
+  font-size: 1.4em
diff --git a/assets/sass/_thumbnails.sass b/assets/sass/_thumbnails.sass
index 9e130576..f4f0c12b 100644
--- a/assets/sass/_thumbnails.sass
+++ b/assets/sass/_thumbnails.sass
@@ -15,6 +15,7 @@
   box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55)
   margin-right: 15px
   img
+    cursor: pointer
     border-top-left-radius: 5px
     border-top-right-radius: 5px
     &:hover
diff --git a/assets/sass/app.sass b/assets/sass/app.sass
index 7615f817..378b3ea3 100644
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@@ -52,3 +52,4 @@
 @import activity_stream
 @import gantt_chart
 @import user_mentions
+@import image_slideshow
-- 
cgit v1.2.3