From d55916e1b8538dca0adbff81bc6b9615793a3d30 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Fri, 4 Sep 2020 15:11:22 +0200
Subject: [PATCH] Use umb-code-snippet in unsupported block

(cherry picked from commit dcc1fed75c157bf250554d0b3b12ea730b1d921e)
---
 .../unsupportedblock.editor.html               |  2 +-
 .../unsupportedblock.editor.less               | 18 +++---------------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html
index 0317105a66..d5b0ddfd04 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html
@@ -10,6 +10,6 @@
 		    <a href="http://our.umbraco.com" target="_blank" rel="noopener">Learn more about this warning</a>
 		-->
         <h5>Block data:</h5>
-        <pre ng-bind="block.data | json : 4"></pre>
+        <umb-code-snippet language="'JSON'">{{block.data | json : 4 }}</umb-code-snippet>
     </div>
 </div>
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less
index aff741e278..d3eddd0815 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less
@@ -1,5 +1,4 @@
 .blockelement-unsupportedblock-editor {
-
     position: relative;
     display: block;
     box-sizing: border-box;
@@ -10,15 +9,12 @@
     border-radius: @baseBorderRadius;
 
     > .__header {
-
         display: flex;
         align-items: center;
-        
         padding-left: 20px;
         padding-bottom: 2px;
         min-height: 48px;
-        border-bottom: 1px solid @gray-9;
-        
+        border-bottom: 1px solid @gray-9;    
         background-color: @gray-11;
         color: @gray-6;
         
@@ -35,24 +31,16 @@
     }
 
     > .__body {
-
         padding: 20px;
-
         background-color: @gray-11;
 
         a {
             text-decoration: underline;
             color: @ui-action-type;
+
             &:hover {
-                color:@ui-action-type-hover;
+                color: @ui-action-type-hover;
             }
         }
-
-        pre {
-            border: none;
-            padding: 0;
-            background-color: transparent;
-        }
-
     }
 }