truncate long card header title

Author: medyo

src/assets/App.css

@@ -252,6 +252,16 @@ a {
   padding-bottom: 8px;
   cursor: pointer;
 }
+
+.blockHeader .maxTitle {
+  margin: 0;
+  padding: 0;
+  line-height: 13px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 180px;
+}
 .blockHeader:hover .blockHeaderLink {
   opacity: 1;
 }
@@ -273,7 +283,7 @@ a {
   height: 18px;
 }
 .blockHeaderIcon .rss {
-  color:#ee802f;
+  color: #ee802f;
 }
 .blockRow {
   scroll-snap-align: start;

src/features/cards/components/rssCard/CustomRssCard.tsx

@@ -15,7 +15,7 @@ export function CustomRssCard({ meta, withAds }: CardPropsType) {
   const HeaderTitle = () => {
     return (
       <div style={{ display: 'inline-block', margin: 0, padding: 0 }}>
-        <span> {meta.label} </span>
+        <p className="maxTitle"> {meta.label} </p>
       </div>
     )
   }