From 23c85c55e9e927fac44a5544eaf2132682df86a3 Mon Sep 17 00:00:00 2001 From: kvakazyambra Date: Thu, 16 Nov 2023 23:57:21 +0300 Subject: [PATCH 1/2] Fixed notifications block width for mobile --- .../NotificationsPanel/NotificationsPanel.module.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/NotificationsPanel/NotificationsPanel.module.scss b/src/components/NotificationsPanel/NotificationsPanel.module.scss index cc4d1cfe..8044b92b 100644 --- a/src/components/NotificationsPanel/NotificationsPanel.module.scss +++ b/src/components/NotificationsPanel/NotificationsPanel.module.scss @@ -18,13 +18,17 @@ $transition-duration: 200ms; .panel { position: relative; background-color: var(--background-color); - width: 50%; + width: 100%; height: 100%; transform: translateX(100%); transition: transform $transition-duration; display: flex; flex-direction: column; + @include media-breakpoint-up(md) { + width: 50%; + } + .title { @include font-size(2rem); From cbf6daa034bf529be4e4fcbe34517a7c93a8f59b Mon Sep 17 00:00:00 2001 From: kvakazyambra Date: Fri, 17 Nov 2023 00:50:09 +0300 Subject: [PATCH 2/2] Fixed editor link popup style --- public/icons/status-cancel.svg | 3 +-- public/icons/status-done.svg | 4 ++-- src/components/Editor/InlineForm/InlineForm.module.scss | 7 ++++++- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/public/icons/status-cancel.svg b/public/icons/status-cancel.svg index 4a0344d8..72fd0de7 100644 --- a/public/icons/status-cancel.svg +++ b/public/icons/status-cancel.svg @@ -1,4 +1,3 @@ - - + diff --git a/public/icons/status-done.svg b/public/icons/status-done.svg index 46613d84..1e21d898 100644 --- a/public/icons/status-done.svg +++ b/public/icons/status-done.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/components/Editor/InlineForm/InlineForm.module.scss b/src/components/Editor/InlineForm/InlineForm.module.scss index b2a458be..0a6ef669 100644 --- a/src/components/Editor/InlineForm/InlineForm.module.scss +++ b/src/components/Editor/InlineForm/InlineForm.module.scss @@ -1,11 +1,12 @@ .InlineForm { + border: 1px solid; position: relative; width: 100%; .form { display: flex; flex-flow: row nowrap; - padding: 6px 11px; + padding: 8px 11px; width: 100%; input { @@ -24,6 +25,10 @@ outline: none; } } + + button { + margin-left: 8px; + } } .linkError {