From 10f11a9d468cda4514a48e754f1175e56bffb2ec Mon Sep 17 00:00:00 2001 From: mrkirthi-24 Date: Sun, 7 Jan 2024 01:21:18 +0530 Subject: [PATCH 1/2] Partial fix mobile responsiveness of find and replace dialog box --- client/styles/components/_editor.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/client/styles/components/_editor.scss b/client/styles/components/_editor.scss index 111970e16a..055974684e 100644 --- a/client/styles/components/_editor.scss +++ b/client/styles/components/_editor.scss @@ -79,6 +79,7 @@ pre.CodeMirror-line { } // left: 0 !important; width: #{48 / $base-font-size}rem; + z-index: 0; } /* @@ -96,6 +97,7 @@ pre.CodeMirror-line { right: 0; width: 100%; margin-left: 0; + z-index: 5; } z-index: 1; @@ -139,6 +141,10 @@ pre.CodeMirror-line { .CodeMirror-find-controls { display: flex; align-items: center; + + @media (max-width: 580px) { + padding: 0.6rem 0rem; + } } .CodeMirror-search-inputs { width: 30%; From 2ae6c09e951f4dfab2ab376d1dd1cc9c3fd532be Mon Sep 17 00:00:00 2001 From: mrkirthi-24 Date: Sun, 7 Jan 2024 12:29:11 +0530 Subject: [PATCH 2/2] Update editor.scss --- client/styles/components/_editor.scss | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/client/styles/components/_editor.scss b/client/styles/components/_editor.scss index 055974684e..c773fdcd58 100644 --- a/client/styles/components/_editor.scss +++ b/client/styles/components/_editor.scss @@ -79,7 +79,6 @@ pre.CodeMirror-line { } // left: 0 !important; width: #{48 / $base-font-size}rem; - z-index: 0; } /* @@ -97,10 +96,9 @@ pre.CodeMirror-line { right: 0; width: 100%; margin-left: 0; - z-index: 5; } - z-index: 1; + z-index: 5; width: 580px; font-family: Montserrat, sans-serif; @@ -141,10 +139,6 @@ pre.CodeMirror-line { .CodeMirror-find-controls { display: flex; align-items: center; - - @media (max-width: 580px) { - padding: 0.6rem 0rem; - } } .CodeMirror-search-inputs { width: 30%;