diff options
| author | Gabe Kangas <gabek@real-ity.com> | 2022-01-20 14:31:53 -0800 |
|---|---|---|
| committer | Gabe Kangas <gabek@real-ity.com> | 2022-01-20 14:31:53 -0800 |
| commit | 372b1059c024635325c123d9fc5d7dd660ff2da5 (patch) | |
| tree | 2cf62333887765af4e18859d757c499d7435ed71 | |
| parent | dbf9776a6e4aef3a90c093f189404656d31158ff (diff) | |
Reduce the breakpoint width for single column mode. closes #1688
| -rw-r--r-- | webroot/js/utils/constants.js | 2 | ||||
| -rw-r--r-- | webroot/styles/app.css | 3 |
2 files changed, 3 insertions, 2 deletions
diff --git a/webroot/js/utils/constants.js b/webroot/js/utils/constants.js index adb59e04e..ddb4bf3f9 100644 --- a/webroot/js/utils/constants.js +++ b/webroot/js/utils/constants.js @@ -60,7 +60,7 @@ export const CHAT_KEY_MODIFIERS = ['Control', 'Shift', 'Meta', 'Alt']; export const MESSAGE_JUMPTOBOTTOM_BUFFER = 500; // app styling -export const WIDTH_SINGLE_COL = 730; +export const WIDTH_SINGLE_COL = 780; export const HEIGHT_SHORT_WIDE = 500; export const ORIENTATION_PORTRAIT = 'portrait'; export const ORIENTATION_LANDSCAPE = 'landscape'; diff --git a/webroot/styles/app.css b/webroot/styles/app.css index 8c20cf2c2..4ab87e826 100644 --- a/webroot/styles/app.css +++ b/webroot/styles/app.css @@ -354,12 +354,13 @@ header { background-color: transparent; padding: 0px; max-width: 740px; + min-width: 500px; width: 50%; overflow: hidden; box-sizing: border-box; } -@media screen and (max-width: 600px) { +@media screen and (max-width: 700px) { .modal__container { width: 100%; } |