From f2c62765cae4684709b7094f5aa9b98986b568a6 Mon Sep 17 00:00:00 2001
From: Abijeet <abijeetpatro@gmail.com>
Date: Sat, 6 Jan 2018 01:41:06 +0530
Subject: [PATCH 1/2] Adds overflow:auto to popup content to allow it to scroll
 in lower res.

Fixes #650

Signed-off-by: Abijeet <abijeetpatro@gmail.com>
---
 resources/assets/sass/_components.scss           | 4 ++++
 resources/views/components/code-editor.blade.php | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/assets/sass/_components.scss b/resources/assets/sass/_components.scss
index 051d1978a..1608368f5 100644
--- a/resources/assets/sass/_components.scss
+++ b/resources/assets/sass/_components.scss
@@ -102,6 +102,10 @@
     display: flex;
     align-self: flex-start;
   }
+
+  .popup-content {
+    overflow-y: auto;
+  }
 }
 
 .corner-button {
diff --git a/resources/views/components/code-editor.blade.php b/resources/views/components/code-editor.blade.php
index 5788bd7f7..cd235f1d2 100644
--- a/resources/views/components/code-editor.blade.php
+++ b/resources/views/components/code-editor.blade.php
@@ -7,7 +7,7 @@
                 <button class="overlay-close neg corner-button button" @click="hide()">x</button>
             </div>
 
-            <div class="padded">
+            <div class="padded popup-content">
                 <div class="form-group">
                     <label for="code-editor-language">{{ trans('components.code_language') }}</label>
                     <div class="lang-options">

From bd711d69e4262e5fa4e40ed3591d33decb9b6fdc Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sun, 28 Jan 2018 14:19:54 +0000
Subject: [PATCH 2/2] Adapted code insert area and language select for mobile

---
 resources/assets/sass/_components.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/resources/assets/sass/_components.scss b/resources/assets/sass/_components.scss
index 1608368f5..5b72f5e1a 100644
--- a/resources/assets/sass/_components.scss
+++ b/resources/assets/sass/_components.scss
@@ -546,6 +546,15 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   }
 }
 
+@include smaller-than($m) {
+  #code-editor .lang-options {
+    max-width: 100%;
+  }
+  #code-editor .CodeMirror {
+    height: 200px;
+  }
+}
+
 .comment-box {
   border: 1px solid #DDD;
   margin-bottom: $-s;