108 lines
3.2 KiB
Plaintext
108 lines
3.2 KiB
Plaintext
@import (reference) "./browser.less";
|
|
@import (reference) './colortheme-all.less';
|
|
@import (reference) './modal.less';
|
|
|
|
.fileupload_main () {
|
|
--LessLoader_require: LessLoader_currentFile();
|
|
.modal_main();
|
|
}
|
|
& {
|
|
/* Upload status table */
|
|
#cp-fileupload {
|
|
.modal_base();
|
|
position: absolute;
|
|
right: 10vw;
|
|
bottom: 10vh;
|
|
box-sizing: border-box;
|
|
z-index: 100000; //Z file upload table container
|
|
display: none;
|
|
color: darken(@colortheme_static_apps[default], 10%);
|
|
max-height: 180px;
|
|
overflow-y: auto;
|
|
|
|
@media screen and (max-width: @browser_media-medium-screen) {
|
|
left: 5vw; right: 5vw; bottom: 5vw;
|
|
}
|
|
|
|
.cp-fileupload-header {
|
|
display: flex;
|
|
background-color: darken(@colortheme_modal-bg, 10%);
|
|
font-weight: bold;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1;
|
|
.cp-fileupload-header-title {
|
|
padding: 0.25em 0.5em;
|
|
flex-grow: 1;
|
|
}
|
|
.cp-fileupload-header-close {
|
|
padding: 0.25em 0.5em;
|
|
cursor: pointer;
|
|
&:hover {
|
|
background-color: rgba(0,0,0,0.1);
|
|
}
|
|
}
|
|
}
|
|
#cp-fileupload-table {
|
|
width: 100%;
|
|
@upload_pad_h: 0.25em;
|
|
@upload_pad_v: 0.5em;
|
|
|
|
td {
|
|
padding: @upload_pad_h @upload_pad_v;
|
|
}
|
|
.cp-fileupload-table-link {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
max-width: 30vw;
|
|
margin: 0px @upload_pad_v;
|
|
.fa {
|
|
margin-top: 4px;
|
|
margin-right: 5px;
|
|
}
|
|
.cp-fileupload-table-name {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
&[href]:hover {
|
|
text-decoration: none;
|
|
.cp-fileupload-table-name {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
.cp-fileupload-table-progress {
|
|
min-width: 12em;
|
|
max-width: 16em;
|
|
position: relative;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
.cp-fileupload-table-progress-container {
|
|
position: relative;
|
|
}
|
|
.cp-fileupload-table-progressbar {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 100%;
|
|
background-color: #dddddd;
|
|
z-index: -1; //Z file upload progress container
|
|
}
|
|
.cp-fileupload-table-cancel {
|
|
text-align: center;
|
|
padding: 0px;
|
|
&:not(.success):not(.cancelled):hover {
|
|
background-color: rgba(0,0,0,0.1);
|
|
}
|
|
.fa {
|
|
padding: @upload_pad_h @upload_pad_v;
|
|
&.fa-times {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|