mirror of
https://github.com/Dangoware/confetti-box.git
synced 2025-04-19 07:12:58 -05:00
CSS improvements during upload
This commit is contained in:
parent
4e916dc3e8
commit
2dc5c6b2be
2 changed files with 9 additions and 3 deletions
10
web/main.css
10
web/main.css
|
@ -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 {
|
||||
|
|
|
@ -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];
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue