[Glitch] Add expand/compress image button on image view box

Port 6a2db10f76 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
2020-11-03 04:16:38 +08:00
parent f5df3d1ae2
commit 40af1cf65b
5 changed files with 335 additions and 21 deletions
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@@ -40,6 +40,21 @@
  z-index: 9999;
 }

+.media-modal__zoom-button {
+  position: absolute;
+  right: 64px;
+  top: 8px;
+  z-index: 100;
+  pointer-events: auto;
+  transition: opacity 0.3s linear;
+  will-change: opacity;
+}
+
+.media-modal__zoom-button--hidden {
+  pointer-events: none;
+  opacity: 0;
+}
+
 .onboarding-modal,
 .error-modal,
 .embed-modal {