viewer: fix scrolling

This commit is contained in:
Gaspard Jankowiak 2026-06-05 10:22:27 +02:00
commit c0ac1929c5

View file

@ -86,7 +86,7 @@ async function getApplicants() {
return { return {
aid, aid,
token, token,
applicants: jsonData applicants: jsonData.slice(0, 15)
} }
// return { aid, token, applicants: jsonData } // return { aid, token, applicants: jsonData }
}) })
@ -239,9 +239,14 @@ function createApplicantsIndexHtml() {
box-sizing: border-box; box-sizing: border-box;
} }
html,
body {
height: 100%;
overflow: hidden;
}
body { body {
margin: 0; margin: 0;
min-height: 100vh;
} }
button, button,
@ -251,12 +256,14 @@ function createApplicantsIndexHtml() {
.layout { .layout {
display: flex; display: flex;
min-height: 100vh; height: 100vh;
overflow: hidden;
} }
.sidebar { .sidebar {
width: min(32rem, 42vw); width: min(32rem, 42vw);
min-width: 22rem; min-width: 22rem;
min-height: 0;
padding: 1rem; padding: 1rem;
overflow-y: auto; overflow-y: auto;
border-right: 1px solid #cbd5e1; border-right: 1px solid #cbd5e1;
@ -268,6 +275,8 @@ function createApplicantsIndexHtml() {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 0; min-width: 0;
min-height: 0;
overflow: hidden;
} }
.content-header { .content-header {
@ -307,7 +316,9 @@ function createApplicantsIndexHtml() {
.viewer { .viewer {
flex: 1; flex: 1;
display: block;
width: 100%; width: 100%;
min-height: 0;
border: 0; border: 0;
background: #e2e8f0; background: #e2e8f0;
} }
@ -781,7 +792,7 @@ function createProgressDialog() {
dialog.classList.add("ripper-progress-dialog") dialog.classList.add("ripper-progress-dialog")
title.textContent = "EPAS Ripper" title.textContent = "EPAS Ripper"
status.classList.add("ripper-progress-status") status.classList.add("ripper-progress-status")
status.textContent = "Retrieving applicants list (will take several minutes)..." status.textContent = "Retrieving applicants list (will take some time)..."
list.classList.add("ripper-progress-list") list.classList.add("ripper-progress-list")
summary.classList.add("ripper-progress-summary") summary.classList.add("ripper-progress-summary")
elapsed.classList.add("ripper-progress-elapsed") elapsed.classList.add("ripper-progress-elapsed")
@ -890,7 +901,7 @@ function rip(event) {
btn.disabled = true; btn.disabled = true;
getApplicants() getApplicants()
.then(async ({ aid, applicants, token }) => { .then(async ({ aid, applicants, token }) => {
progressDialog.setStatus("Downloading applicant files (will take a lot of time)...") progressDialog.setStatus("Downloading applicant files (will take several minutes)...")
applicants.forEach((applicant) => { applicants.forEach((applicant) => {
progressDialog.initializeApplicant(applicant) progressDialog.initializeApplicant(applicant)
}) })