[Glitch] Show media modal on public pages

Port ff7941e652 to glitch-soc
2018-04-20 15:58:36 +02:00
parent d55ab8e3e8
commit 7a68079b3f
8 changed files with 178 additions and 118 deletions
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@@ -3,13 +3,14 @@
 }

 .modal-root {
+  position: relative;
  transition: opacity 0.3s linear;
  will-change: opacity;
  z-index: 9999;
 }

 .modal-root__overlay {
-  position: absolute;
+  position: fixed;
  top: 0;
  left: 0;
  right: 0;
@@ -18,7 +19,7 @@
 }

 .modal-root__container {
-  position: absolute;
+  position: fixed;
  top: 0;
  left: 0;
  width: 100%;