@adcops/autocore-react 3.3.9 → 3.3.14

package/src/components/BlocklyEditor.css

@@ -1,94 +1,94 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-03-15 14:22:54
- * -----
- * Last Modified: 2025-07-16 12:01:34
- * -----
- * 
- */
-
- .editor-toggle-group {
-    margin-bottom: 2mm;
- }
-
-
- .fill-height {
-    height: 100%;
-    width: 100%;
-    background-color: green;
-  }
-
-  /* In your CSS file */
-.icon-scale {
-    height: 24px;
-    width: auto;
-  }
-
-  /*
- * Custom CSS overrides for Google Blockly to improve readability in a dark theme
- * and to apply a custom font.
- */
-
-/* --- General Font Customization --- */
-
-/* Changes the font for text on blocks, in input fields, and in the toolbox.
-   Using !important is often necessary to override Blockly's default styles. */
-.blocklyText,
-.blocklyHtmlInput,
-.blocklyTreeLabel {
-  font-family: "HyperlegibleNext var", sans-serif !important;
-}
-
-
-/* --- Toolbox / Category Menu Customization --- */
-
-/* Improves the text color for category labels in the toolbox for better contrast. */
-.blocklyTreeLabel {
-  color: #000000 !important; 
-  font-size: 1rem !important;
-}
-
-
-.blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel {
-    color: #000000 !important;
-}
-
-
-/* --- Context Menu & Dropdown Menu Customization (Fixes Unreadable Text) --- */
-
-/* Sets a dark background for the right-click context menu and dropdowns. */
-.goog-menu {
-    background: #2a313c !important;
-    border-color: #4f5b6a !important;
-    padding: 4px 0 !important;
-}
-
-/* Sets the font color for all menu items. */
-.goog-menuitem .goog-menuitem-content {
-  font-family: "HyperlegibleNext var", sans-serif !important;
-  color: #f0f0f0 !important;
-  padding: 8px 20px !important;
-}
-
-/* Styles the highlight that appears when you hover over a menu item. */
-.goog-menuitem-highlight {
-  background-color: #424b57 !important;
-  border-color: transparent !important;
-}
-
-/* Styles the separator lines in the menus. */
-.goog-menuseparator {
-    border-top-color: #4f5b6a !important;
-    margin: 4px 0 !important;
-}
-
-
-/* --- Tooltip Customization --- */
-/* Improves the appearance of the tooltips that appear on hover. */
-.blocklyTooltipDiv {
-    background-color: #2a313c !important;
-    color: #f0f0f0 !important;
-    border-color: #4f5b6a !important;
-    font-family: "HyperlegibleNext var", sans-serif !important;
-    padding: 6px !important;
+/*
+ * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2024-03-15 14:22:54
+ * -----
+ * Last Modified: 2025-07-16 12:01:34
+ * -----
+ * 
+ */
+
+ .editor-toggle-group {
+    margin-bottom: 2mm;
+ }
+
+
+ .fill-height {
+    height: 100%;
+    width: 100%;
+    background-color: green;
+  }
+
+  /* In your CSS file */
+.icon-scale {
+    height: 24px;
+    width: auto;
+  }
+
+  /*
+ * Custom CSS overrides for Google Blockly to improve readability in a dark theme
+ * and to apply a custom font.
+ */
+
+/* --- General Font Customization --- */
+
+/* Changes the font for text on blocks, in input fields, and in the toolbox.
+   Using !important is often necessary to override Blockly's default styles. */
+.blocklyText,
+.blocklyHtmlInput,
+.blocklyTreeLabel {
+  font-family: "HyperlegibleNext var", sans-serif !important;
+}
+
+
+/* --- Toolbox / Category Menu Customization --- */
+
+/* Improves the text color for category labels in the toolbox for better contrast. */
+.blocklyTreeLabel {
+  color: #000000 !important; 
+  font-size: 1rem !important;
+}
+
+
+.blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel {
+    color: #000000 !important;
+}
+
+
+/* --- Context Menu & Dropdown Menu Customization (Fixes Unreadable Text) --- */
+
+/* Sets a dark background for the right-click context menu and dropdowns. */
+.goog-menu {
+    background: #2a313c !important;
+    border-color: #4f5b6a !important;
+    padding: 4px 0 !important;
+}
+
+/* Sets the font color for all menu items. */
+.goog-menuitem .goog-menuitem-content {
+  font-family: "HyperlegibleNext var", sans-serif !important;
+  color: #f0f0f0 !important;
+  padding: 8px 20px !important;
+}
+
+/* Styles the highlight that appears when you hover over a menu item. */
+.goog-menuitem-highlight {
+  background-color: #424b57 !important;
+  border-color: transparent !important;
+}
+
+/* Styles the separator lines in the menus. */
+.goog-menuseparator {
+    border-top-color: #4f5b6a !important;
+    margin: 4px 0 !important;
+}
+
+
+/* --- Tooltip Customization --- */
+/* Improves the appearance of the tooltips that appear on hover. */
+.blocklyTooltipDiv {
+    background-color: #2a313c !important;
+    color: #f0f0f0 !important;
+    border-color: #4f5b6a !important;
+    font-family: "HyperlegibleNext var", sans-serif !important;
+    padding: 6px !important;
 }