Make upload progress bar responsive #1086

This commit is contained in:
DianaXWiki 2023-09-04 11:16:32 +03:00
parent 584b410d34
commit 0ec5889b25
1 changed files with 5 additions and 2 deletions

View File

@ -75,19 +75,22 @@
}
}
.cp-fileupload-table-progress {
min-width: 12em;
max-width: 16em;
min-width: 20vw;//12em;
max-width: 60vw ;//16em;
font-size:90%;
position: relative;
text-align: center;
box-sizing: border-box;
}
.cp-fileupload-table-progress-container {
position: relative;
max-width: 60vw;
}
.cp-fileupload-table-progressbar {
position: absolute;
width: 0px;
height: 100%;
padding:2px;
background-color: @cp_upload-progress;
z-index: -1; //Z file upload progress container
border-radius: @variables_radius;