Ab text fix

microsoft · Mar 2, 2020 · fea29fb · fea29fb
1 parent 6cf1ad6
commit fea29fb
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/src/view/components/cpx/CpxImage.tsx b/src/view/components/cpx/CpxImage.tsx
@@ -155,7 +155,7 @@ const initSvgStyle = (svgElement: HTMLElement, brightness: number): void => {
 
     const ab = outerBtn(165, SvgStyle.MB_HEIGHT - 15, "A+B");
     const abtext = svg.child(ab.outer, "text", {
-        class: "sim-text",
+        class: "sim-text-outside",
         x: SvgStyle.BUTTON_TEXT_BASELINE,
         y: SvgStyle.MB_HEIGHT - 18,
     }) as SVGTextElement;

diff --git a/src/view/components/cpx/Cpx_svg_style.tsx b/src/view/components/cpx/Cpx_svg_style.tsx
@@ -141,6 +141,10 @@ export const SVG_STYLE = `
         fill:#fff;
         pointer-events: none; user-select: none;
     }
+    .sim-text-outside{
+        font-size:8px;
+        fill: var(--vscode-textLink-activeForeground);
+    }
     .sim-text.small {
         font-size:6px;
     }

diff --git a/src/view/components/microbit/Microbit_svg.tsx b/src/view/components/microbit/Microbit_svg.tsx
@@ -1770,7 +1770,7 @@ export class MicrobitSvg extends React.Component {
                             fill="#111"
                             style={{ fill: "rgb(17, 17, 17)" }}
                         />
-                        <text x={525} y={340} className="sim-text">
+                        <text x={525} y={340} className="sim-text-outside">
                             A+B
                         </text>
                         <g

diff --git a/src/view/styles/Microbit.css b/src/view/styles/Microbit.css
@@ -22,7 +22,10 @@ svg.sim.grayscale {
 .sim-button:active {
     fill: orange;
 }
-
+.sim-text-outside {
+    font-size: 25px;
+    fill: var(--vscode-textLink-activeForeground);
+}
 .sim-board,
 .sim-display,
 sim-button {