CSS improvements during upload

This commit is contained in:
G2-Games 2024-11-04 06:08:18 -06:00
parent 4e916dc3e8
commit 2dc5c6b2be
2 changed files with 9 additions and 3 deletions

View file

@ -143,11 +143,14 @@ h2 code {
}
#uploadedFilesDisplay p.file_name {
width: 50%;
overflow: clip;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
flex-shrink: 2;
flex-basis: 100%;
min-width: 0;
max-width: 70%;
}
#uploadedFilesDisplay p.status {
@ -161,6 +164,7 @@ h2 code {
margin: auto 0;
margin-left: auto;
width: min-content;
min-width: 32px;
flex-shrink: 2;
display: block;
}
@ -177,8 +181,10 @@ h2 code {
#uploadedFilesDisplay > div > progress {
height: 20px;
margin: auto;
flex-grow: 2;
display: block;
width: 100%;
flex-shrink: 2;
max-width: 35%;
}
#uploadedFilesDisplay button {

View file

@ -164,8 +164,8 @@ async function addNewToList(origFileName) {
fileName.textContent = origFileName;
fileName.classList.add("file_name");
progressTxt.classList.add("status");
progressTxt.textContent = "⏳";
progressBar.max="100";
progressBar.value="0";
return [linkRow, progressBar, progressTxt];
}