Commit 46057572 authored by Jörg Richter's avatar Jörg Richter

Fix: Webclient running in Chrome on macOS (closes #210)

parent 5369abaa
Pipeline #6428 passed with stages
in 3 minutes and 50 seconds
......@@ -13,6 +13,11 @@
Note 1: we use the native font of the respective platform.
https://make.wordpress.org/core/2016/07/07/native-fonts-in-4-6/
https://bitsofco.de/the-new-system-font-stack/
Update: since Cytoscape 3.3 "BlinkMacSystemFont" lets crash Chrome on macOS.
https://github.com/cytoscape/cytoscape.js/issues/2249
As a workaround since DMX 5.0-beta-3 we replace "BlinkMacSystemFont" by "system-ui" which is supported by both,
Safari and Chrome. Firefox (at least up to version 66) still needs "-apple-system".
https://caniuse.com/#feat=font-family-system-ui
Note 2: multiple-word font names like "Segoe UI" are not quoted.
In various browsers DOM style.getPropertyValue() works differently (see https://jsfiddle.net/jri_/tt8o97yu/2/):
......@@ -28,8 +33,8 @@
All the mess vanish if multiple-word font names are not quoted at all in CSS. There are some debates whether this
is valid CSS or not. Fact is multiple-word font names without quotes do work in all major browsers.
*/
--main-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell,
Helvetica Neue, sans-serif;
--main-font-family: -apple-system, system-ui, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue,
sans-serif;
--main-font-size: 14px;
--label-font-size: 12px;
--label-color: #909399; /* matches --color-text-secondary in element-ui/packages/theme-chalk/src/common/var.scss */
......
......@@ -9,7 +9,7 @@ import 'font-awesome/css/font-awesome.css'
import './element-ui'
import './websocket'
console.log('[DMX] 2019/05/19')
console.log('[DMX] 2019/05/20')
// 1) Init dm5 library
// The dm5 library must be inited *before* the dm5-webclient component is instantiated.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment