improve css classnames

WordPress · Sep 18, 2024 · 500b848 · 500b848
1 parent dc2e1b8
commit 500b848
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 15 deletions.
diff --git a/packages/fields/src/fields/slug/index.ts b/packages/fields/src/fields/slug/index.ts
@@ -8,8 +8,8 @@ import type { Field } from '@wordpress/dataviews';
  */
 import type { BasePost } from '../../types';
 import { __ } from '@wordpress/i18n';
-import SlugEdit from './slug.edit';
-import SlugView from './slug.view';
+import SlugEdit from './slug-edit';
+import SlugView from './slug-view';
 
 const slugField: Field< BasePost > = {
 	id: 'slug',

diff --git a/...ages/fields/src/fields/slug/slug.edit.tsx → ...ages/fields/src/fields/slug/slug-edit.tsx b/...ages/fields/src/fields/slug/slug.edit.tsx → ...ages/fields/src/fields/slug/slug-edit.tsx
@@ -68,7 +68,7 @@ const SlugEdit = ( {
 	} );
 
 	return (
-		<fieldset className="edit-site-dataviews-controls__slug">
+		<fieldset className="fields-controls__slug">
 			{ isEditable && (
 				<VStack>
 					<VStack spacing="0px">
@@ -100,7 +100,7 @@ const SlugEdit = ( {
 						autoComplete="off"
 						spellCheck="false"
 						type="text"
-						className="edit-site-dataviews-controls__slug-input"
+						className="fields-controls__slug-input"
 						onChange={ ( newValue?: string ) => {
 							onChangeControl( newValue );
 						} }
@@ -111,14 +111,14 @@ const SlugEdit = ( {
 						} }
 						help={
 							<ExternalLink
-								className="edit-site-dataviews-controls__slug-help"
+								className="fields-controls__slug-help"
 								href={ permalink }
 							>
 								<span>{ permalinkPrefix }</span>
-								<span className="edit-site-dataviews-controls__slug-help-slug">
+								<span className="fields-controls__slug-help-slug">
 									{ slugToDisplay }
 								</span>
-								<span className="edit-site-dataviews-controls__slug-help-suffix">
+								<span className="fields-controls__slug-help-suffix">
 									{ permalinkSuffix }
 								</span>
 							</ExternalLink>
@@ -128,7 +128,7 @@ const SlugEdit = ( {
 			) }
 			{ ! isEditable && (
 				<ExternalLink
-					className="edit-site-dataviews-controls__slug-help"
+					className="fields-controls__slug-help"
 					href={ permalink }
 				>
 					{ permalink }

diff --git a/...ages/fields/src/fields/slug/slug.view.tsx → ...ages/fields/src/fields/slug/slug-view.tsx b/...ages/fields/src/fields/slug/slug.view.tsx → ...ages/fields/src/fields/slug/slug-view.tsx
diff --git a/packages/fields/src/fields/slug/style.scss b/packages/fields/src/fields/slug/style.scss
@@ -1,18 +1,17 @@
-.edit-site-dataviews-controls__slug {
-	.edit-site-dataviews-controls__slug-external-icon {
+.fields-controls__slug {
+	.fields-controls__slug-external-icon {
 		margin-left: 5ch;
 	}
 
-	.edit-site-dataviews-controls__slug-input
-	input.components-input-control__input {
+	.fields-controls__slug-input input.components-input-control__input {
 		padding-inline-start: 0 !important;
 	}
 
-	.edit-site-dataviews-controls__slug-help {
+	.fields-controls__slug-help {
 		color: $gray-700;
 
-		.edit-site-dataviews-controls__slug-help-slug,
-		.edit-site-dataviews-controls__slug-help-suffix {
+		.fields-controls__slug-help-slug,
+		.fields-controls__slug-help-suffix {
 			font-weight: 600;
 		}
 	}