monaco_editor: fix styling conflicts with erp5.css

"good enough" so that the old style editor is usable for
portal_components editing.

bt5/erp5_monaco_editor/SkinTemplateItem/portal_skins/erp5_monaco_editor/monaco_editor_support.zpt

@@ -8,14 +8,34 @@
             tal:content="options/content">
   </textarea>
   <style>
-  /* override some conflicting default erp5.css styles */
+  /* Override some conflicting default erp5.css styles */
+  /*  - font size and indentation rules */
+  span {
+    font-family: unset !important;
+  }
   div#monaco-container * {
-    font-family: monospace !important;
-    font-size: initial !important;
+    font-family: Menlo, Monaco, "Courier New", monospace ;
+    font-size: unset !important;
   }
+
+  /*  - selected text highlight */
   .monaco-editor .view-lines  {
     background-color: transparent !important;
   }
+
+  /* - popup menu */
+  .monaco-action-bar .action-label.disabled {
+    height: 0px;
+  }
+  .monaco-menu li.action-item a.action-label {
+    font-family: "Segoe WPC", "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback" !important;
+    xbackground-color: transparent !important;
+  }
+
+  /* - Command palette (FIXME: background color inherits ERP5 page background color) */
+  .quick-open-entry * {
+    font-family: "Segoe WPC", "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback" !important;
+  }
   </style>
 </tal:block>