Mediusa/FlockRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(modal): enable smooth desktop vertical scrolling on camera detail modal (v19)

Browse Source
This commit is contained in:
Mediusa
2026-09-12 11:23:19 -07:00
parent 2785782f7d
commit 5da020d563
4 changed files with 66 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+44 -8
View File
@@ -2018,8 +2018,34 @@ body {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 90vh;
overflow-y: auto;
max-height: 88vh;
max-height: 88dvh;
overflow-y: auto !important;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.agency-dialog::-webkit-scrollbar,
.hardware-proof-dialog::-webkit-scrollbar {
width: 8px;
}
.agency-dialog::-webkit-scrollbar-track,
.hardware-proof-dialog::-webkit-scrollbar-track {
background: rgba(15, 23, 42, 0.6);
border-radius: 4px;
}
.agency-dialog::-webkit-scrollbar-thumb,
.hardware-proof-dialog::-webkit-scrollbar-thumb {
background: rgba(56, 189, 248, 0.35);
border-radius: 4px;
}
.agency-dialog::-webkit-scrollbar-thumb:hover,
.hardware-proof-dialog::-webkit-scrollbar-thumb:hover {
background: rgba(56, 189, 248, 0.65);
}
.agency-dialog::backdrop {
@@ -2034,11 +2060,12 @@ body {
display: flex;
align-items: flex-start;
justify-content: space-between;
background: rgba(7, 9, 14, 0.5);
background: rgba(10, 15, 29, 0.94);
position: sticky;
top: 0;
z-index: 10;
backdrop-filter: blur(8px);
z-index: 20;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.modal-agency-name {
@@ -2659,6 +2686,10 @@ body {
padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.85) !important;
animation: sheet-slide-up 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
}
@keyframes sheet-slide-up {
@@ -2946,15 +2977,20 @@ body {
========================================================================== */
.hardware-proof-dialog {
max-width: 580px;
max-width: 620px;
width: 92vw;
background: rgba(15, 23, 42, 0.95);
max-height: 88vh;
max-height: 88dvh;
background: rgba(15, 23, 42, 0.96);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(56, 189, 248, 0.25);
border-radius: var(--radius-xl);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 30px rgba(6, 182, 212, 0.15);
overflow: hidden;
overflow-y: auto !important;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.cam-verification-badge {