From 4436024563a0b7dfa592e33b37d2ecddb201cb78 Mon Sep 17 00:00:00 2001
From: Bianca Nenciu <nenciu.bianca@gmail.com>
Date: Mon, 20 Aug 2018 22:08:23 +0200
Subject: [PATCH] UX: Show only the expand icon in lightboxes on mobile.

---
 app/assets/stylesheets/mobile.scss          |  1 +
 app/assets/stylesheets/mobile/lightbox.scss | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 app/assets/stylesheets/mobile/lightbox.scss

diff --git a/app/assets/stylesheets/mobile.scss b/app/assets/stylesheets/mobile.scss
index d8c5f7ffc55..a6932013799 100644
--- a/app/assets/stylesheets/mobile.scss
+++ b/app/assets/stylesheets/mobile.scss
@@ -16,6 +16,7 @@
 @import "mobile/upload";
 @import "mobile/user";
 @import "mobile/history";
+@import "mobile/lightbox";
 @import "mobile/directory";
 @import "mobile/search";
 @import "mobile/emoji";
diff --git a/app/assets/stylesheets/mobile/lightbox.scss b/app/assets/stylesheets/mobile/lightbox.scss
new file mode 100644
index 00000000000..7c339d721ff
--- /dev/null
+++ b/app/assets/stylesheets/mobile/lightbox.scss
@@ -0,0 +1,21 @@
+.lightbox .meta,
+.lightbox:hover .meta {
+  opacity: 0.8;
+}
+
+.meta {
+  height: 25px;
+  width: 25px;
+  bottom: 0;
+  left: 0;
+
+  .filename,
+  .informations {
+    display: none;
+  }
+
+  .expand {
+    bottom: 1px;
+    right: 6px;
+  }
+}