From 9298f02be194524c25e0156b4a841ca30ec74e2a Mon Sep 17 00:00:00 2001 From: dominic Date: Mon, 16 Sep 2024 12:54:04 +0100 Subject: [PATCH 1/6] refactor(messenger-feed): remove inline padding --- src/components/messenger/feed/styles.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/messenger/feed/styles.scss b/src/components/messenger/feed/styles.scss index 13fd2190a..eec337111 100644 --- a/src/components/messenger/feed/styles.scss +++ b/src/components/messenger/feed/styles.scss @@ -3,7 +3,6 @@ flex-direction: column; width: 100%; max-width: 504px; - margin: 0 8px; box-sizing: border-box; pointer-events: auto; position: relative; From 137498a189ddb29b4f8da643f5022e011ae94efd Mon Sep 17 00:00:00 2001 From: dominic Date: Mon, 16 Sep 2024 12:57:53 +0100 Subject: [PATCH 2/6] refactor(feed-header): remove top stroke --- src/components/messenger/feed/styles.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/messenger/feed/styles.scss b/src/components/messenger/feed/styles.scss index eec337111..3a6c004a5 100644 --- a/src/components/messenger/feed/styles.scss +++ b/src/components/messenger/feed/styles.scss @@ -13,7 +13,8 @@ box-sizing: border-box; z-index: 3; width: 99.2%; - border: 1px solid rgba(52, 56, 60); + border-inline: 1px solid rgba(52, 56, 60); + border-bottom: 1px solid rgba(52, 56, 60); padding-right: 2px; &--message-loading { From 1ba645a7763ea53ca314bd379a10fb40d7cec259 Mon Sep 17 00:00:00 2001 From: dominic Date: Mon, 16 Sep 2024 13:28:03 +0100 Subject: [PATCH 3/6] refactor(app-layout): update split pane gap for positioning and spacing --- src/apps/messenger/Main.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/apps/messenger/Main.module.scss b/src/apps/messenger/Main.module.scss index df41c9c62..b3bab16f7 100644 --- a/src/apps/messenger/Main.module.scss +++ b/src/apps/messenger/Main.module.scss @@ -2,7 +2,7 @@ position: relative; display: flex; width: 100%; - gap: 45px; + gap: 18px; } .Actions { From 4418a525cf4f53ace02483d1c2397545f3b1c133 Mon Sep 17 00:00:00 2001 From: dominic Date: Mon, 16 Sep 2024 13:32:52 +0100 Subject: [PATCH 4/6] feat(messenger-feed): add media query to adjust max-width of messenger feed for 2560x1440 screen resolution --- src/components/messenger/feed/styles.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/messenger/feed/styles.scss b/src/components/messenger/feed/styles.scss index 3a6c004a5..f39c61a7a 100644 --- a/src/components/messenger/feed/styles.scss +++ b/src/components/messenger/feed/styles.scss @@ -26,4 +26,8 @@ pointer-events: all !important; backdrop-filter: blur(64px); } + + @media only screen and (min-width: 2560px) and (min-height: 1440px) { + max-width: 594px; + } } From f2bd37a9eb2b991253dc59aad003eef17dc4fdb7 Mon Sep 17 00:00:00 2001 From: dominic Date: Mon, 16 Sep 2024 14:46:26 +0100 Subject: [PATCH 5/6] feat(app-main-wrapper): add media query layout sizing for larger screensizes (2561px +) --- src/components/messenger/chat/styles.scss | 4 ++++ src/main.scss | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/src/components/messenger/chat/styles.scss b/src/components/messenger/chat/styles.scss index 5169ca67a..3f21dc799 100644 --- a/src/components/messenger/chat/styles.scss +++ b/src/components/messenger/chat/styles.scss @@ -127,6 +127,10 @@ $title-bar-border-radius: 8px 8px 0px 0px; overflow: hidden; width: 100%; + @media only screen and (min-width: 2561px) and (min-height: 1440px) { + min-width: 1558px; + } + .direct-message-chat__content { height: 100vh; width: unset; diff --git a/src/main.scss b/src/main.scss index bbacf7541..89dea9543 100644 --- a/src/main.scss +++ b/src/main.scss @@ -32,6 +32,10 @@ $border-color-hover: theme-zui.$color-primary-7; justify-content: space-between; margin: 0 auto; width: 100%; + + @media only screen and (min-width: 2560px) and (min-height: 1440px) { + width: unset; + } } &.messenger-full-screen { From fd00bc7bb248ab81f0520fe96ad3d9e3bdbebdd9 Mon Sep 17 00:00:00 2001 From: dominic Date: Mon, 16 Sep 2024 14:56:29 +0100 Subject: [PATCH 6/6] refactor(media-queries): remove min height on media queries --- src/components/messenger/chat/styles.scss | 2 +- src/components/messenger/feed/styles.scss | 2 +- src/main.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/messenger/chat/styles.scss b/src/components/messenger/chat/styles.scss index 3f21dc799..7ee1a11fe 100644 --- a/src/components/messenger/chat/styles.scss +++ b/src/components/messenger/chat/styles.scss @@ -127,7 +127,7 @@ $title-bar-border-radius: 8px 8px 0px 0px; overflow: hidden; width: 100%; - @media only screen and (min-width: 2561px) and (min-height: 1440px) { + @media (min-width: 2561px) { min-width: 1558px; } diff --git a/src/components/messenger/feed/styles.scss b/src/components/messenger/feed/styles.scss index f39c61a7a..e92142320 100644 --- a/src/components/messenger/feed/styles.scss +++ b/src/components/messenger/feed/styles.scss @@ -27,7 +27,7 @@ backdrop-filter: blur(64px); } - @media only screen and (min-width: 2560px) and (min-height: 1440px) { + @media (min-width: 2561px) { max-width: 594px; } } diff --git a/src/main.scss b/src/main.scss index 89dea9543..1045665ac 100644 --- a/src/main.scss +++ b/src/main.scss @@ -33,7 +33,7 @@ $border-color-hover: theme-zui.$color-primary-7; margin: 0 auto; width: 100%; - @media only screen and (min-width: 2560px) and (min-height: 1440px) { + @media (min-width: 2561px) { width: unset; } }