Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 14:50:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix device card rendering - disable legacy code and fix CSS

Browse Source 
- Disable legacy addBtDeviceCard when BluetoothMode is active
- Clear device container when starting scan to remove legacy cards
- Fix grid CSS with explicit auto height and align-items: start
- Add visibility rules for all card body elements
- Reset devices map when clearing container

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-21 17:47:09 +00:00
parent bb660d02f5
commit bac7f8d55c
3 changed files with 39 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
static/css/components/device-cards.css
View File

@@ -560,28 +560,52 @@
#btDeviceListContent {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
grid-auto-rows: auto !important;
gap: 12px !important;
padding: 12px !important;
align-items: start !important;
}
#btDeviceListContent .device-card {
#btDeviceListContent > * {
min-height: auto !important;
height: auto !important;
}
#btDeviceListContent .device-card,
#btDeviceListContent .signal-card {
margin: 0;
height: fit-content;
height: auto !important;
min-height: auto !important;
}
/* Ensure card body is visible */
.device-card .signal-card-body {
.device-card .signal-card-body,
.signal-card .signal-card-body {
display: flex !important;
flex-direction: column;
gap: 8px;
flex-direction: column !important;
gap: 8px !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
}
.device-card .device-identity {
.device-card .device-identity,
.signal-card .device-identity {
display: block !important;
visibility: visible !important;
}
.device-card .device-signal-row {
.device-card .device-signal-row,
.signal-card .device-signal-row {
display: flex !important;
visibility: visible !important;
}
.device-card .device-meta-row,
.signal-card .device-meta-row {
display: flex !important;
visibility: visible !important;
}
/* ============================================