fix display of documentation browser with display scaling. (#10600) (#…

…10610)

* inject dpi adapt js functions
call functions when dpi changes in wpf
update html files with embedded images
update html with smaller font.

* remove hardcoded widths
inject global image styles
fix issues with urls

* dont inject style for all pages

* update test

* new test

src/DocumentationBrowserViewExtension/Docs/Deprecated.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/ErrorPageTemplate.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/FailedToCastFromNull.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/InvalidArrayIndexType.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/MessageErrorOpeningFileGeneral.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/NonOverloadMethodResolutionError.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/NothingIsSelectedWarning.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/OperationFailType1.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/RunCompletedWithWarningsMessage.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/UnhandledException.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/UnhandledExceptionInDynamoEngine.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/errorLibGCoreCannotMakePolycurveFromEmptyList.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveBranching.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/errorLibGCorePolycurveMoreThanOneWIRE.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableToLoft.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/errorLibGCoreUnableUpdateSolidBySweep.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kArrayOverIndexed.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kConvertArrayToNonArray.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kCyclicDependency.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kIndexOutOfRange.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kMethodHasInvalidArguments.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kMethodNotFound.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kMultipleSymbolFound.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/Docs/kPropertyOfClassNotFound.html

@@ -1,4 +1,4 @@
-<!-- 
+<!-- 
     There are two versions of this HTML file. One that is part of the Dynamo Dictionary 
     codebase and one that is part of the Dynamo codebase, used for displaying additional
     error information in the Dynamo side panel.  
@@ -19,7 +19,7 @@
 <style>
 body {
     color: white;
-    font-size: 20px;
+    font-size: 14px;
     font-family: "Artifakt Element";
     src: url("fonts/ArtifaktElement-Regular.woff") format("woff");
     padding: 1%;

src/DocumentationBrowserViewExtension/DocumentationBrowserView.xaml.cs

@@ -1,4 +1,5 @@
-using System;
+using Dynamo.Logging;
+using System;
 using System.Diagnostics;
 using System.Windows;
 using System.Windows.Controls;
@@ -31,8 +32,22 @@ public DocumentationBrowserView(DocumentationBrowserViewModel viewModel)
             // handle browser component events & disable certain features that are not needed
             this.documentationBrowser.AllowDrop = false;
             this.documentationBrowser.Navigating += ShouldAllowNavigation;
+            this.documentationBrowser.DpiChanged += DocumentationBrowser_DpiChanged;
         }
 
+        private void DocumentationBrowser_DpiChanged(object sender, DpiChangedEventArgs args)
+        {
+            try
+            {
+                // it's possible we're trying to invoke this before the adaptDPI function is
+                // injected into the script scope, wrap this in a try catch.
+                documentationBrowser.InvokeScript("adaptDPI()");
+            }
+            catch (Exception e)
+            {
+                viewModel.MessageLogged?.Invoke(LogMessage.Info($"failed to set DPI,{e.Message}"));
+            }
+        }
         /// <summary>
         /// Redirect the user to the browser if they press a link in the documentation browser
         /// </summary>
@@ -84,6 +99,7 @@ public void Dispose()
             this.viewModel.LinkChanged -= NavigateToPage;
             this.documentationBrowser.Navigating -= ShouldAllowNavigation;
             this.documentationBrowser.Dispose();
+            this.documentationBrowser.DpiChanged -= DocumentationBrowser_DpiChanged;
         }
     }
 }