viewer: fix scrolling
This commit is contained in:
parent
2d43c159c4
commit
c0ac1929c5
1 changed files with 16 additions and 5 deletions
21
content.js
21
content.js
|
|
@ -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)
|
||||||
})
|
})
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue