jgitta/senior-kiosk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deploy: adjust news story scrolling to headline top

Browse Source
This commit is contained in:
Jozsef Gtta
2026-05-27 14:29:31 +00:00
parent 999dda22df
commit e727ed35a9
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
news.html
+4
View File
@@ -104,6 +104,7 @@
border-radius: 20px; border-radius: 20px;
overflow: hidden; overflow: hidden;
transition: background 0.2s, transform 0.15s; transition: background 0.2s, transform 0.15s;
scroll-margin-top: 20px; /* Keep beautiful breathing room at the top of viewport when focused */
} }
.story-card:hover { .story-card:hover {
@@ -221,6 +222,9 @@
<!-- National News Section --> <!-- National News Section -->
<div class="category-title">🇺🇸 National News</div> <div class="category-title">🇺🇸 National News</div>
<div class="stories-list" id="national-news-list"></div> <div class="stories-list" id="national-news-list"></div>
<!-- High-viewport spacer to guarantee that even the last stories in the list can scroll perfectly to the top headline -->
<div style="height: 75vh;"></div>
</div> </div>
<div class="footer-nav"> <div class="footer-nav">