Remove inline CSS

plone · Aug 6, 2024 · 732213d · 732213d
1 parent d15ee2d
commit 732213d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 13 deletions.
diff --git a/packages/volto/src/components/theme/RelatedItems/RelatedItems.jsx b/packages/volto/src/components/theme/RelatedItems/RelatedItems.jsx
@@ -27,7 +27,7 @@ const RelatedItems = ({ relatedItems, intl }) => {
   }
 
   return (
-    <Container style={{ 'margin-top': '20px' }}>
+    <Container className="related-items">
       <h2>{intl.formatMessage(messages.relatedItems)}</h2>
       <ul>
         {relatedItems.map((relatedItem) =>

diff --git a/packages/volto/src/components/theme/RelatedItems/__snapshots__/RelatedItems.test.jsx.snap b/packages/volto/src/components/theme/RelatedItems/__snapshots__/RelatedItems.test.jsx.snap
@@ -2,12 +2,7 @@
 
 exports[`Related Items renders with related items 1`] = `
 <div
-  className="ui container"
-  style={
-    Object {
-      "margin-top": "20px",
-    }
-  }
+  className="ui container related-items"
 >
   <h2>
     Related Items
@@ -41,12 +36,7 @@ exports[`Related Items renders with related items 1`] = `
 
 exports[`Related Items renders with related items has null 1`] = `
 <div
-  className="ui container"
-  style={
-    Object {
-      "margin-top": "20px",
-    }
-  }
+  className="ui container related-items"
 >
   <h2>
     Related Items

diff --git a/packages/volto/theme/themes/pastanaga/extras/main.less b/packages/volto/theme/themes/pastanaga/extras/main.less
@@ -650,6 +650,11 @@ img.responsive {
   height: auto;
 }
 
+// Related Items
+.related-items {
+  margin-top: 20px;
+}
+
 // Deprecated as per https://github.com/plone/volto/issues/1265
 // @import 'utils';
 @import (multiple) '../extras/fonts';