about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/modal.scss
diff options
context:
space:
mode:
authorMashiro <moezhx@outlook.com>2020-11-03 04:16:38 +0800
committerThibaut Girka <thib@sitedethib.com>2020-11-04 12:24:40 +0100
commit40af1cf65bdbe9e6ef5f480b6e03cb1be7db5774 (patch)
treeb19e06a0ec22e13d217a4f5eed901fe1f79b4c87 /app/javascript/flavours/glitch/styles/components/modal.scss
parentf5df3d1ae25846bb4f651c531c5e5c9bffebeaae (diff)
[Glitch] Add expand/compress image button on image view box
Port 6a2db10f767879b9072b6c020ebadac4f985ed34 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/modal.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/components/modal.scss15
1 files changed, 15 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss
index 7abe8818b..bc0965864 100644
--- 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 {