Add individual viewer styling

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files changed, 18 insertions, 0 deletions

diff --git a/css/style.scss b/css/style.scss
index 757adc700..c27227535 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -406,3 +406,21 @@ div[contenteditable=false] {
   margin-top: 10px;
   margin-bottom: 20px;
 }
+
+// TODO: properly move this to the viewer as an option
+.modal-mask {
+  height: calc(100% - 50px) !important;
+  top: 50px !important;
+}
+
+#app-sidebar.app-sidebar--full {
+  position: unset !important;
+}
+
+#viewer-content.modal-mask .modal-wrapper .modal-container {
+  border-radius: 3px !important;
+}
+
+.modal-container #editor-container {
+  height: calc(100vh - 88px - 50px) !important;
+}