Turn some pages into modals

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
2022-01-06 14:43:58 +01:00
parent 6e7ef333b8
commit 46ca470f01
14 changed files with 529 additions and 432 deletions
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -339,7 +339,10 @@
 .confirmation-modal,
 .report-modal,
 .actions-modal,
-.mute-modal {
+.mute-modal,
+.reactions-modal,
+.reblogs-modal,
+.mentions-modal {
  position: relative;
  flex-direction: column;
  overflow: hidden;
@@ -385,6 +388,16 @@
  }
 }

+.reactions-modal,
+.reblogs-modal,
+.mentions-modal {
+  height: 80vh;
+
+  .slist {
+    overflow: auto;
+  }
+}
+
 .boost-modal__container {
  overflow-x: scroll;
  padding: 10px;