fix: source added for rss single card (#384)

* fix: source added and category deleted for rss single card * fix: category pushed back and created a new content for source * fix: source moved after title * fix: same fix for cards with image * fix: cleaned css file
RedTurtle · Nov 2, 2023 · 669f165 · 669f165
1 parent 080416c
commit 669f165
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
@@ -83,6 +83,11 @@ const CardWithImageRssTemplate = ({
                       </span>{' '}
                     </div>
                     <CardTitle tag="h6">{item.title}</CardTitle>
+                    <div className="source-title">
+                      {item?.source?.length > 0 && (
+                        <span className="source">{item.source}</span>
+                      )}
+                    </div>
                   </CardBody>
                   <CardReadMore
                     iconName="it-arrow-right"

diff --git a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
@@ -71,6 +71,11 @@ const CardWithoutImageRssTemplate = ({
                       )}
                     </div>
                     <CardTitle tag="h5">{item.title}</CardTitle>
+                    <div className="source-title">
+                      {item?.source?.length > 0 && (
+                        <span className="source">{item.source}</span>
+                      )}
+                    </div>
                     <CardText tag="p" className="font-serif">
                       {item.contentSnippet}
                     </CardText>

diff --git a/src/theme/ItaliaTheme/Blocks/_rssBlock.scss b/src/theme/ItaliaTheme/Blocks/_rssBlock.scss
@@ -1,3 +1,20 @@
+.rssBlock {
+  .card {
+    .card-body {
+      .source-title {
+        font-size: $card-category-size;
+        text-transform: uppercase;
+        color: $card-p-color;
+        margin-bottom: $card-category-m-bottom;
+        .source {
+          font-weight: bold;
+          letter-spacing: $card-category-l-spacing;
+        }
+      }
+    }
+  }
+}
+
 #text-body {
   .rssBlock {
     .row > * {