From 7d4b941abfe15614506d130f85e35ba11fed5227 Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Mon, 20 Jun 2022 23:12:07 +0100
Subject: [PATCH] Added code editor changes mobile design handling

---
 resources/sass/_components.scss                   | 12 ++++++++++++
 resources/views/pages/parts/code-editor.blade.php |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/resources/sass/_components.scss b/resources/sass/_components.scss
index fe04784b2..4509c2b9a 100644
--- a/resources/sass/_components.scss
+++ b/resources/sass/_components.scss
@@ -705,6 +705,18 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   }
 }
 
+@include smaller-than($s) {
+  .code-editor .lang-options {
+    display: none;
+  }
+  .code-editor-body-wrap {
+    flex-direction: column;
+  }
+  .code-editor-language-list, .code-editor-language-list input {
+    width: 100%;
+  }
+}
+
 .comment-box {
   border-radius: 4px;
   border: 1px solid #DDD;
diff --git a/resources/views/pages/parts/code-editor.blade.php b/resources/views/pages/parts/code-editor.blade.php
index 9c10456ce..4ac688692 100644
--- a/resources/views/pages/parts/code-editor.blade.php
+++ b/resources/views/pages/parts/code-editor.blade.php
@@ -14,7 +14,7 @@
                 <button class="popup-header-close" refs="popup@hide">@icon('close')</button>
             </div>
 
-            <div class="flex-container-row flex-fill">
+            <div class="code-editor-body-wrap flex-container-row flex-fill">
                 <div class="code-editor-language-list flex-container-column flex-fill">
                     <label for="code-editor-language">{{ trans('components.code_language') }}</label>
                     <input refs="code-editor@languageInput" id="code-editor-language" type="text">