fix: BodyClass depending on sections (#6487)

Co-authored-by: Steve Piercy <[email protected]>
plone · Nov 19, 2024 · 3eb23a4 · 3eb23a4
1 parent d320bfe
commit 3eb23a4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/volto/news/6487.bugfix b/packages/volto/news/6487.bugfix
@@ -0,0 +1 @@
+Replace _all_ spaces with `-` in `BodyClass` classes, instead of with `-` or `` depending on the content type or section. @giuliaghisini
diff --git a/packages/volto/src/components/theme/App/App.jsx b/packages/volto/src/components/theme/App/App.jsx
@@ -141,7 +141,7 @@ export class App extends Component {
         {this.props.content && this.props.content['@type'] && (
           <BodyClass
             className={`contenttype-${this.props.content['@type']
-              .replace(' ', '-')
+              .replaceAll(' ', '-')
               .toLowerCase()}`}
           />
         )}
@@ -155,7 +155,7 @@ export class App extends Component {
             [`is-adding-contenttype-${decodeURIComponent(
               this.props.location?.search?.replace('?type=', ''),
             )
-              .replace(' ', '')
+              .replaceAll(' ', '-')
               .toLowerCase()}`]: this.props.location?.search,
             'is-authenticated': !!this.props.token,
             'is-anonymous': !this.props.token,
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		Replace _all_ spaces with `-` in `BodyClass` classes, instead of with `-` or `` depending on the content type or section. @giuliaghisini