Refactor FeedCard and ReaderViewContent CSS

BumpyClock · Mar 28, 2024 · d842ccd · d842ccd
1 parent 548bdf3
commit d842ccd
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 6 deletions.
diff --git a/src/components/FeedCard/FeedCard.css b/src/components/FeedCard/FeedCard.css
@@ -175,6 +175,11 @@ sl-card {
     filter: brightness(1.2)
   }
   .card h3 {
+    display: -webkit-box ;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
     margin: 0;
     margin-bottom: 4px;
     font-size: 18px;

diff --git a/src/components/FeedCard/FeedCard.js b/src/components/FeedCard/FeedCard.js
@@ -67,7 +67,6 @@ const FeedCard = ({ item }) => {
   const [hover, setHover] = useState(false);
   const [mouseDown, setMouseDown] = useState(false);
   const [showReaderView, setShowReaderView] = useState(false);
-  console.log('showReaderView:', showReaderView);
 
   const { isLoaded, isError, loadedImage } = useImageLoader(item.thumbnail);
 
@@ -158,7 +157,6 @@ const FeedCard = ({ item }) => {
       </div>
     </SlCard>
 {showReaderView && <ReaderView url={item.link} item={item} onClose={() => {
-  console.log('onClose called');
   setShowReaderView(false);
 }} />}  </div>
 );

diff --git a/src/components/ReaderViewContent/ReaderViewContent.css b/src/components/ReaderViewContent/ReaderViewContent.css
@@ -203,6 +203,7 @@
   .reader-view-article video {
     max-width: 100%;
     height: 100%;
+    max-height: 350px;
     aspect-ratio: auto;
     display: block;
     margin: 12px auto;

diff --git a/src/components/ReaderViewContent/ReaderViewContent.js b/src/components/ReaderViewContent/ReaderViewContent.js
@@ -30,7 +30,6 @@ import "./ReaderViewContent.css";
                 name="xmark"
                 class="reader-view-header-button"
                 onClick={() => {
-    console.log('Close button clicked');
     onClose();
   }}
               />

diff --git a/src/components/website-info/website-info.css b/src/components/website-info/website-info.css
@@ -3,7 +3,7 @@
     padding: 0;
     border: none!important;
     box-shadow: none;
-    background: white;
+    /* background: white; */
     max-width: 120px;
     width: 50%;
     height: 50%;
@@ -14,7 +14,8 @@
 
 .website-info img {
     width: auto;
-    height: 32px !important;
+    height: auto;
+    max-height: 20px !important;
 }
 
 .website-info, .site-name {

diff --git a/src/pages/settings.css b/src/pages/settings.css
@@ -179,7 +179,8 @@
     color: var(--color);
     display: flex;
     flex-direction: column;
-    width: -webkit-fill-available
+    width: -webkit-fill-available;
+    margin-bottom: 48px !important;
   }
   #subscribed-feeds-list .list-item img {
     width: fit-content;

diff --git a/src/pages/settings.js b/src/pages/settings.js
@@ -65,6 +65,7 @@ useEffect(() => {
             }
           }
         }
+        console.log("Imported URLs:", urls);
 
         setFeedUrls([...new Set([...feedUrls, ...urls])]); // Use Set to avoid duplicates
       };
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,6 +65,7 @@ useEffect(() => { @@
                 }
               }
             }
+            console.log("Imported URLs:", urls);
             setFeedUrls([...new Set([...feedUrls, ...urls])]); // Use Set to avoid duplicates
           };
@@ Expand Down @@