From b081de7d2746c29afd32af8276a135d162391ddd Mon Sep 17 00:00:00 2001 From: javed Date: Mon, 21 Oct 2024 12:34:08 +0530 Subject: [PATCH 1/3] fix: #618 model z index fixed --- app/styles/profile.css | 1 + 1 file changed, 1 insertion(+) diff --git a/app/styles/profile.css b/app/styles/profile.css index d2459cd7..3ffe5037 100644 --- a/app/styles/profile.css +++ b/app/styles/profile.css @@ -132,6 +132,7 @@ background: var(--overlay--bg); position: fixed; top: 0; + z-index: 1; } .image-upload-modal { From 6fd3e8c4d181302493b923df870ee5e7754d239f Mon Sep 17 00:00:00 2001 From: javed Date: Mon, 21 Oct 2024 12:34:44 +0530 Subject: [PATCH 2/3] fix: responsive profile edit button --- app/styles/profile.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/app/styles/profile.css b/app/styles/profile.css index 3ffe5037..e016fc81 100644 --- a/app/styles/profile.css +++ b/app/styles/profile.css @@ -112,10 +112,9 @@ padding: 0.5rem; border-radius: 100%; position: absolute; - top: 0.5rem; - right: 1rem; + top: 5%; + right: 5%; font-size: 1rem; - margin-top: 0.5rem; color: var(--profile-edit-btn-clr); font-weight: 600; } From b1d01b48e0f55c399fed6e794139386611dc47af Mon Sep 17 00:00:00 2001 From: javed Date: Mon, 21 Oct 2024 12:41:33 +0530 Subject: [PATCH 3/3] fix: #618 mobile dialog fix --- app/styles/components/mobile-dialog.css | 53 +++++++++++++------------ 1 file changed, 27 insertions(+), 26 deletions(-) diff --git a/app/styles/components/mobile-dialog.css b/app/styles/components/mobile-dialog.css index 901d7483..380d0bed 100644 --- a/app/styles/components/mobile-dialog.css +++ b/app/styles/components/mobile-dialog.css @@ -1,30 +1,31 @@ .mobile-dialog { - display: block; - border-radius: 4px; + display: block; + border-radius: 4px; + padding: 0.5rem 1rem; + font-weight: 900; + margin: 0 auto; + font-size: large; + text-align: center; + background-color: var(--form--bg); + border: none; + z-index: 2; + box-shadow: 4px 8px 8px var(--mobile-dialog-box-shadow); + & button { padding: 0.5rem 1rem; - font-weight: 900; - margin: 0 auto; - font-size:large; - text-align: center; - background-color: var(--form--bg); + margin: 1rem; + font-size: medium; border: none; - box-shadow: 4px 8px 8px var(--mobile-dialog-box-shadow); - & button { - padding: 0.5rem 1rem; - margin: 1rem; - font-size:medium; - border: none; - border-radius: 4px; - color: var(--body-bg-color); - font-weight: 600; - } - } - - #mobile-dialog__open-button { - background-color: var(--mobile-dialog--open-button); + border-radius: 4px; + color: var(--body-bg-color); + font-weight: 600; } - - #mobile-dialog__close-button { - background-color: var(--body-bg-color); - color: var(--landing-page--main-heading); - } \ No newline at end of file +} + +#mobile-dialog__open-button { + background-color: var(--mobile-dialog--open-button); +} + +#mobile-dialog__close-button { + background-color: var(--body-bg-color); + color: var(--landing-page--main-heading); +}