Fix zoom issues as Chrome updates

64json · 64json · commit 876b2242e66c · 2019-05-26T01:37:48.000+09:00
diff --git a/src/frontend/core/renderers/Array2DRenderer/index.jsx b/src/frontend/core/renderers/Array2DRenderer/index.jsx
@@ -19,7 +19,7 @@ class Array2DRenderer extends Renderer {
 
     return (
       <table className={styles.array_2d}
-             style={{ marginLeft: -this.centerX * 2, marginTop: -this.centerY * 2, fontSize: this.zoom }}>
+             style={{ marginLeft: -this.centerX * 2, marginTop: -this.centerY * 2, transform: `scale(${this.zoom})` }}>
         <tbody>
         <tr className={styles.row}>
           {
diff --git a/src/frontend/core/renderers/Array2DRenderer/stylesheet.scss b/src/frontend/core/renderers/Array2DRenderer/stylesheet.scss
@@ -7,18 +7,18 @@
 
   .row {
     display: table-row;
-    height: 28em;
+    height: 28px;
 
     .col {
       display: table-cell;
       text-align: center;
-      min-width: 28em;
+      min-width: 28px;
       background-color: $theme-normal;
-      border: 1em solid $theme-light;
-      padding: 0 4em;
+      border: 1px solid $theme-light;
+      padding: 0 4px;
 
       .value {
-        font-size: 12em;
+        font-size: 12px;
       }
 
       &.selected {

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ class Array2DRenderer extends Renderer {`
`19`	`19`
`20`	`20`	`return (`
`21`	`21`	`<table className={styles.array_2d}`
`22`		`- style={{ marginLeft: -this.centerX * 2, marginTop: -this.centerY * 2, fontSize: this.zoom }}>`
	`22`	+ style={{ marginLeft: -this.centerX * 2, marginTop: -this.centerY * 2, transform: `scale(${this.zoom})` }}>
`23`	`23`	`<tbody>`
`24`	`24`	`<tr className={styles.row}>`
`25`	`25`	`{`