refactor(CSS): move context menu styling to src/index.ts

Author: cpcallen

src/index.ts

@@ -240,3 +240,22 @@ Blockly.Css.register(`
     stroke-width: var(--blockly-selection-width);
   }
 `);
+
+// Keyboard-nav-specific styling for the context menu.
+//
+// This should remain in the plugin for the time being because the
+// classes selected are currently only defined in the plugin.
+Blockly.Css.register(`
+  .blocklyRTL .blocklyMenuItemContent .blocklyShortcutContainer {
+    flex-direction: row-reverse;
+  }
+  .blocklyMenuItemContent .blocklyShortcutContainer {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    gap: 16px;
+  }
+  .blocklyMenuItemContent .blocklyShortcutContainer .blocklyShortcut {
+    color: #ccc;
+  }
+`);

test/index.html

@@ -85,19 +85,6 @@
       thead {
         font-weight: bold;
       }
-
-      .blocklyRTL .blocklyMenuItemContent .blocklyShortcutContainer {
-        flex-direction: row-reverse;
-      }
-      .blocklyMenuItemContent .blocklyShortcutContainer {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        gap: 16px;
-      }
-      .blocklyMenuItemContent .blocklyShortcutContainer .blocklyShortcut {
-        color: #ccc;
-      }
     </style>
   </head>