diff --git a/content.js b/content.js index 68d8057..2564f27 100644 --- a/content.js +++ b/content.js @@ -86,7 +86,7 @@ async function getApplicants() { return { aid, token, - applicants: jsonData + applicants: jsonData.slice(0, 15) } // return { aid, token, applicants: jsonData } }) @@ -239,9 +239,14 @@ function createApplicantsIndexHtml() { box-sizing: border-box; } + html, + body { + height: 100%; + overflow: hidden; + } + body { margin: 0; - min-height: 100vh; } button, @@ -251,12 +256,14 @@ function createApplicantsIndexHtml() { .layout { display: flex; - min-height: 100vh; + height: 100vh; + overflow: hidden; } .sidebar { width: min(32rem, 42vw); min-width: 22rem; + min-height: 0; padding: 1rem; overflow-y: auto; border-right: 1px solid #cbd5e1; @@ -268,6 +275,8 @@ function createApplicantsIndexHtml() { display: flex; flex-direction: column; min-width: 0; + min-height: 0; + overflow: hidden; } .content-header { @@ -307,7 +316,9 @@ function createApplicantsIndexHtml() { .viewer { flex: 1; + display: block; width: 100%; + min-height: 0; border: 0; background: #e2e8f0; } @@ -781,7 +792,7 @@ function createProgressDialog() { dialog.classList.add("ripper-progress-dialog") title.textContent = "EPAS Ripper" 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") summary.classList.add("ripper-progress-summary") elapsed.classList.add("ripper-progress-elapsed") @@ -890,7 +901,7 @@ function rip(event) { btn.disabled = true; getApplicants() .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) => { progressDialog.initializeApplicant(applicant) })