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 {
|
#uploadedFilesDisplay p.file_name {
|
||||||
width: 50%;
|
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
display: block;
|
display: block;
|
||||||
|
flex-shrink: 2;
|
||||||
|
flex-basis: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
max-width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#uploadedFilesDisplay p.status {
|
#uploadedFilesDisplay p.status {
|
||||||
|
@ -161,6 +164,7 @@ h2 code {
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
width: min-content;
|
width: min-content;
|
||||||
|
min-width: 32px;
|
||||||
flex-shrink: 2;
|
flex-shrink: 2;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
@ -177,8 +181,10 @@ h2 code {
|
||||||
#uploadedFilesDisplay > div > progress {
|
#uploadedFilesDisplay > div > progress {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
flex-grow: 2;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
flex-shrink: 2;
|
||||||
|
max-width: 35%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#uploadedFilesDisplay button {
|
#uploadedFilesDisplay button {
|
||||||
|
|
|
@ -164,8 +164,8 @@ async function addNewToList(origFileName) {
|
||||||
fileName.textContent = origFileName;
|
fileName.textContent = origFileName;
|
||||||
fileName.classList.add("file_name");
|
fileName.classList.add("file_name");
|
||||||
progressTxt.classList.add("status");
|
progressTxt.classList.add("status");
|
||||||
|
progressTxt.textContent = "⏳";
|
||||||
progressBar.max="100";
|
progressBar.max="100";
|
||||||
progressBar.value="0";
|
|
||||||
|
|
||||||
return [linkRow, progressBar, progressTxt];
|
return [linkRow, progressBar, progressTxt];
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue