diff options
| author | Julius Härtl <jus@bitgrid.net> | 2019-04-23 23:12:56 +0300 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2019-04-23 23:12:56 +0300 |
| commit | 3dc17b7260352a227a5004316f5e78b493718189 (patch) | |
| tree | b1984b5cd342fd01c707c407f252ecb8d9dd7fd4 | |
| parent | b6a7c5caef854635dc7906998b64a1ea2ce655ab (diff) | |
Add individual viewer styling
Signed-off-by: Julius Härtl <jus@bitgrid.net>
| -rw-r--r-- | css/style.scss | 18 | ||||
| -rw-r--r-- | src/components/Editor.vue | 2 |
2 files changed, 19 insertions, 1 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; +} diff --git a/src/components/Editor.vue b/src/components/Editor.vue index 7244dbca9..e98287b1d 100644 --- a/src/components/Editor.vue +++ b/src/components/Editor.vue @@ -177,7 +177,7 @@ // Size that is used for modal as well max-width: 900px; width: 100vw; - height: calc(100vh - 88px); + height: 100%; margin: 0 auto; border-radius: 3px; position: relative; |