Turn some pages into modals

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
2022-01-06 14:43:58 +01:00 · 2022-01-06 14:43:58 +01:00 · 46ca470f01
commit 46ca470f01
parent 6e7ef333b8
14 changed files with 14 additions and 1 deletions
--- a/app/soapbox/components/status_reply_mentions.js
+++ b/app/soapbox/components/status_reply_mentions.js
--- a/app/soapbox/features/favourites/index.js
+++ b/app/soapbox/features/favourites/index.js
--- a/app/soapbox/features/mentions/index.js
+++ b/app/soapbox/features/mentions/index.js
--- a/app/soapbox/features/reactions/index.js
+++ b/app/soapbox/features/reactions/index.js
--- a/app/soapbox/features/reblogs/index.js
+++ b/app/soapbox/features/reblogs/index.js
--- a/app/soapbox/features/status/components/status_interaction_bar.js
+++ b/app/soapbox/features/status/components/status_interaction_bar.js
--- a/app/soapbox/features/ui/components/favourites_modal.js
+++ b/app/soapbox/features/ui/components/favourites_modal.js
--- a/app/soapbox/features/ui/components/mentions_modal.js
+++ b/app/soapbox/features/ui/components/mentions_modal.js
--- a/app/soapbox/features/ui/components/modal_root.js
+++ b/app/soapbox/features/ui/components/modal_root.js
--- a/app/soapbox/features/ui/components/reactions_modal.js
+++ b/app/soapbox/features/ui/components/reactions_modal.js
--- a/app/soapbox/features/ui/components/reblogs_modal.js
+++ b/app/soapbox/features/ui/components/reblogs_modal.js
--- a/app/soapbox/features/ui/index.js
+++ b/app/soapbox/features/ui/index.js
--- a/app/soapbox/features/ui/util/async-components.js
+++ b/app/soapbox/features/ui/util/async-components.js
--- 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;