From 6cb689b30ebebd0cbcf13aef57d3d822d7eeb231 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Sun, 5 May 2019 15:39:57 -0700
Subject: [PATCH] afMoncao - Better default sizing

---
 ext/afform/html/ang/afMoncao.css | 3 +++
 ext/afform/html/ang/afMoncao.js  | 8 ++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/ext/afform/html/ang/afMoncao.css b/ext/afform/html/ang/afMoncao.css
index 1abf4a2fed..58ed3679e4 100644
--- a/ext/afform/html/ang/afMoncao.css
+++ b/ext/afform/html/ang/afMoncao.css
@@ -1 +1,4 @@
 /* Add any CSS rules for Angular module "afMoncao" */
+.af-monaco-container {
+    border:1px solid grey;
+}
\ No newline at end of file
diff --git a/ext/afform/html/ang/afMoncao.js b/ext/afform/html/ang/afMoncao.js
index 142dba8f66..6d47f4ea07 100644
--- a/ext/afform/html/ang/afMoncao.js
+++ b/ext/afform/html/ang/afMoncao.js
@@ -7,19 +7,23 @@
     return {
       restrict: 'AE',
       require: 'ngModel',
-      template: '<div class="af-monaco-container" style="width:800px;height:600px;border:1px solid grey"></div>',
+      template: '<div class="af-monaco-container"></div>',
       link: function($scope, $el, $attr, ngModel) {
+        var heightPct = 0.70;
         var editor;
         require.config({paths: CRM.afMoncao.paths});
         require(['vs/editor/editor.main'], function() {
           var editorEl = $el.find('.af-monaco-container');
+          editorEl.css({height: Math.round(heightPct * $(window).height())});
           editor = monaco.editor.create(editorEl[0], {
             value: ngModel.$modelValue,
             language: 'html',
-            theme: 'vs-dark',
+            // theme: 'vs-dark',
+            theme: 'vs',
             minimap: {
               enabled: false
             },
+            automaticLayout: true,
             scrollbar: {
               useShadows: false,
               verticalHasArrows: true,
-- 
2.25.1