Adds overflow:auto to popup content to allow it to scroll in lower res.

Fixes #650

Signed-off-by: Abijeet <redacted>

diff --git a/resources/assets/sass/_components.scss b/resources/assets/sass/_components.scss
index 051d1978a18f9f08dc5d7f5bc77d03fda7ee6efa..1608368f5a173232afab85ae444b90fba43dba7e 100644 (file)
--- a/resources/assets/sass/_components.scss
+++ b/resources/assets/sass/_components.scss
@@ -102,6 +102,10 @@
     display: flex;
     align-self: flex-start;
   }
     display: flex;
     align-self: flex-start;
   }

+
+  .popup-content {
+    overflow-y: auto;
+  }

 }
 
 .corner-button {
 }
 
 .corner-button {

diff --git a/resources/views/components/code-editor.blade.php b/resources/views/components/code-editor.blade.php
index 5788bd7f7a6cad97eddd933c9cf2a2c4a296b392..cd235f1d2a519558d073245e0d20c5c667242ef1 100644 (file)
--- 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>
 
                 <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">
                 <div class="form-group">
                     <label for="code-editor-language">{{ trans('components.code_language') }}</label>
                     <div class="lang-options">