chore: tweaks

Author: technote-space

assets/js/.babelrc

@@ -1,20 +1,20 @@
-{
-	"presets": [
-		[
-			"@babel/preset-env",
-			{
-				"targets": {
-					"ie": 11
-				}
-			}
-		]
-	],
-	"plugins": [
-		[
-			"@babel/plugin-transform-react-jsx",
-			{
-				"pragma": "wp.element.createElement"
-			}
-		]
-	]
-}
+{
+	"presets": [
+		[
+			"@babel/preset-env",
+			{
+				"targets": {
+					"ie": 11
+				}
+			}
+		]
+	],
+	"plugins": [
+		[
+			"@babel/plugin-transform-react-jsx",
+			{
+				"pragma": "wp.element.createElement"
+			}
+		]
+	]
+}

assets/js/src/gutenberg/utils/component.js

@@ -79,6 +79,7 @@ export const getDefaultFormatGroupProps = () => ([
 			title: translate('Marker Animation (detail setting)'),
 			initialOpen: true,
 		},
+		className: 'marker-animation-button',
 		menuClassName: 'marker-animation-menu marker-animation-menu-default',
 	},
 ]);
@@ -92,6 +93,7 @@ export const getSettingFormatGroupProps = () => ([
 		toolbarGroup: getName('toolbar'),
 		label: translate('Marker Animation'),
 		icon: getIcon(),
+		className: 'marker-animation-button',
 		menuClassName: 'marker-animation-menu marker-animation-menu-setting',
 	},
 ]);

bin/gh-pages/plugin.scss

@@ -1,8 +1,3 @@
 .playground__content__screenshot {
 	max-width: 500px;
 }
-
-.block-editor-block-toolbar .components-button.is-pressed,
-.block-editor-format-toolbar .components-button.is-pressed {
-	background: #1e1e1e;
-}