Merge pull request #3181 from plotly/upgrade-css

Fix font overrides in debug menu

Author: marthacryan

dash/dash-renderer/src/components/error/FrontEnd/FrontEndError.css

@@ -1,5 +1,6 @@
 .error-container {
     padding: 0 10px;
+    font-family: Courier;
 }
 
 .dash-fe-error__icon-x {
@@ -204,7 +205,6 @@
     border-radius: 2px;
     margin-bottom: 15px;
     border: 1px solid #0018661a;
-    font-family: Courier;
     font-size: 12.6px;
 }
 

dash/dash-renderer/src/components/error/menu/DebugMenu.css

@@ -107,7 +107,7 @@
     display: flex;
     color: black;
     flex-direction: column;
-    font-family: Verdana, sans-serif;
+    font-family: Verdana, sans-serif !important;
     font-size: 14px;
     justify-content: center;
     align-items: center;
@@ -178,6 +178,7 @@
     align-items: center;
     transition: background-color 0.2s;
     cursor: pointer;
+    font-family: Verdana, sans-serif !important;
     font-weight: bold;
 }
 .dash-debug-menu__button:hover {

dash/dash-renderer/src/components/error/menu/VersionInfo.css

@@ -9,7 +9,7 @@
     text-decoration: none;
     cursor: pointer;
     display: flex;
-    font-family: Verdana sans-serif;
+    font-family: Verdana, sans-serif !important;
 }
 
 .dash-debug-menu__upgrade-tooltip:after {
@@ -28,6 +28,7 @@
     border: 1px solid #864ad433;
     color: #7f4bc4;
     margin-left: 10px;
+    font-family: Verdana, sans-serif !important;
     cursor: pointer;
 }