iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scrolling issue

Browse Source
This commit is contained in:
0x1d
2025-08-30 20:51:51 +02:00
parent 583a72f3f6
commit 389bb733c0
2 changed files with 150 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/index.html
View File

@@ -53,6 +53,17 @@
<div class="loading">
<div>Loading cluster members...</div>
</div>
<!-- Test content to verify scrolling -->
<div style="height: 2000px; background: linear-gradient(to bottom, rgba(255,0,0,0.1), rgba(0,255,0,0.1), rgba(0,0,255,0.1)); padding: 20px; margin: 20px 0; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);">
<h3 style="color: white; margin-bottom: 20px;">Test Scrolling Content</h3>
<p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">This is test content to verify that scrolling works properly when elements are outside the visible screen height.</p>
<p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">You should be able to scroll down to see this content and scroll back up to the top.</p>
<p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">If scrolling is not working, there may be CSS issues preventing it.</p>
<div style="text-align: center; margin-top: 50px;">
<span style="color: #4ade80; font-size: 1.2rem;">✓ Scrolling is working if you can see this!</span>
</div>
</div>
</div>
</div>
</div>
@@ -129,6 +140,17 @@
<div class="firmware-nodes-list" id="firmware-nodes-list">
<!-- Nodes will be populated here -->
<!-- Test content to verify scrolling -->
<div style="height: 1500px; background: linear-gradient(to bottom, rgba(255,0,0,0.1), rgba(0,255,0,0.1), rgba(0,0,255,0.1)); padding: 20px; margin: 20px 0; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);">
<h3 style="color: white; margin-bottom: 20px;">Firmware View Test Scrolling</h3>
<p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">This is test content in the firmware view to verify that scrolling works properly.</p>
<p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">You should be able to scroll down to see this content and scroll back up to the top.</p>
<p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">If scrolling is not working, there may be CSS issues preventing it.</p>
<div style="text-align: center; margin-top: 50px;">
<span style="color: #4ade80; font-size: 1.2rem;">✓ Firmware scrolling is working if you can see this!</span>
</div>
</div>
</div>
</div>
</div>