From 4a12ef5e19f4564a7f1e2fc25972ea02e6de4aaa Mon Sep 17 00:00:00 2001
From: Jan Skovgaard <1932158+BatJan@users.noreply.github.com>
Date: Wed, 1 Sep 2021 16:40:49 +0200
Subject: [PATCH] Suggestion: Extend markdown editor settings for overlay width
 (#11006)

---
 .../markdowneditor/markdowneditor.controller.js          | 1 +
 .../markdowneditor.prevalues.controller.js               | 6 ++++++
 .../markdowneditor/markdowneditor.prevalues.html         | 9 +++++++++
 src/Umbraco.Web/PropertyEditors/MarkdownConfiguration.cs | 6 +++++-
 4 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.controller.js
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.html

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.controller.js
index a5ccf7a9aa..d398c943c4 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.controller.js
@@ -30,6 +30,7 @@ function MarkdownEditorController($scope, $element, assetsService, editorService
     function openLinkPicker(callback) {
         var linkPicker = {
             hideTarget: true,
+            size: $scope.model.config.overlayWidthSize,
             submit: function(model) {
                 callback(model.target.url, model.target.name);
                 editorService.close();
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.controller.js
new file mode 100644
index 0000000000..29a3b876ea
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.controller.js
@@ -0,0 +1,6 @@
+angular.module("umbraco").controller("Umbraco.PrevalueEditors.MarkdownEditorController",
+    function ($scope) {
+        if (!$scope.model.value) {
+            $scope.model.value = "small";
+        }
+    });
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.html
new file mode 100644
index 0000000000..8564a9f490
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/markdowneditor/markdowneditor.prevalues.html
@@ -0,0 +1,9 @@
+<div ng-controller="Umbraco.PrevalueEditors.MarkdownEditorController">
+    <div class="vertical-align-items">
+        <select ng-model="model.value">
+            <option value="small">Small</option>
+            <option value="medium">Medium</option>
+            <option value="large">Large</option>
+        </select>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/Umbraco.Web/PropertyEditors/MarkdownConfiguration.cs b/src/Umbraco.Web/PropertyEditors/MarkdownConfiguration.cs
index 4c2374ccd5..0a65246c7c 100644
--- a/src/Umbraco.Web/PropertyEditors/MarkdownConfiguration.cs
+++ b/src/Umbraco.Web/PropertyEditors/MarkdownConfiguration.cs
@@ -12,5 +12,9 @@ namespace Umbraco.Web.PropertyEditors
 
         [ConfigurationField("defaultValue", "Default value", "textarea", Description = "If value is blank, the editor will show this")]
         public string DefaultValue { get; set; }
+
+
+        [ConfigurationField("overlayWidthSize", "Overlay Width Size", "views/propertyeditors/multiurlpicker/multiurlpicker.prevalues.html")]
+        public string OverlayWidthSize { get; set; }
     }
-}
\ No newline at end of file
+}