about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/modal.scss
diff options
context:
space:
mode:
authorThibG <thib@sitedethib.com>2020-11-04 14:52:19 +0100
committerGitHub <noreply@github.com>2020-11-04 14:52:19 +0100
commit1f69ad798d9a42d8ec3df69ded7625524c5eb67c (patch)
treea8e0759e3f13bf13dabbb8a261cd1bdb2f3e1e1a /app/javascript/flavours/glitch/styles/components/modal.scss
parentb8e790c3c22693271a4fd74ce34067c462ebf8a3 (diff)
parentdc86d814d93b9bb564ab35728c6d9fb65d064ca3 (diff)
Merge pull request #1450 from ThibG/glitch-soc/merge-upstream
Merge upstream changes
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/modal.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/components/modal.scss19
1 files changed, 16 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss
index 85f216887..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 {
@@ -427,10 +442,8 @@
 
   .status__visibility-icon {
     color: $dark-text-color;
-    float: right;
     font-size: 14px;
-    margin-left: 4px;
-    margin-right: 4px;
+    padding: 0 4px;
   }
 
   .status__display-name {