CHIEFSOFT\ameye
138 lines
2.3 KiB
Plaintext
138 lines
2.3 KiB
Plaintext
/**
|
|
* @file styles/plupload.less
|
|
*
|
|
* Copyright (c) 2014-2021 Simon Fraser University
|
|
* Copyright (c) 2003-2021 John Willinsky
|
|
* Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
|
|
*
|
|
* @brief Styles for the plupload plugin used in the file upload handler
|
|
*/
|
|
|
|
.pkp_controller_fileUpload {
|
|
|
|
&.loading {
|
|
|
|
.pkp_uploader_drop_zone {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
&:not(.loading) {
|
|
|
|
.pkp_uploader_loading {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.pkp_uploader_drop_zone_label,
|
|
.pkp_uploader_details,
|
|
.pkpUploaderError,
|
|
.pkpUploaderFilename,
|
|
&.complete .pkpUploaderProgress,
|
|
&.complete .pkpUploaderFilename,
|
|
&:not(.complete) .pkp_uploader_button_change,
|
|
&.complete .pkp_uploader_progress_bar_wrapper,
|
|
&.uploading .pkp_uploader_button,
|
|
&.complete .pkp_uploader_button_add {
|
|
display: none;
|
|
opacity: 0;
|
|
.transform(opacity 0.3s);
|
|
}
|
|
|
|
&.complete .pkpUploaderFilename,
|
|
&.complete .pkp_uploader_button_change {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
|
|
&.error .pkpUploaderError,
|
|
&.uploading .pkp_uploader_details,
|
|
&.complete .pkp_uploader_details,
|
|
&.waiting .pkp_uploader_drop_zone_label {
|
|
display: inline-block;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.pkp_uploader_drop_zone {
|
|
padding: 11px 1rem;
|
|
border: 2px dashed @bg;
|
|
font-size: @font-sml;
|
|
line-height: @line-sml;
|
|
color: @text-light;
|
|
min-height: 34px; // button height
|
|
}
|
|
|
|
.pkpUploaderError,
|
|
.pkp_uploader_details,
|
|
.pkp_uploader_drop_zone_label {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.pkp_uploader_button {
|
|
float: right;
|
|
|
|
&.in_focus {
|
|
&:extend(.pkp_button:hover all);
|
|
}
|
|
}
|
|
|
|
.pkpUploaderProgress {
|
|
display: inline-block;
|
|
min-width: 3rem;
|
|
text-align: right;
|
|
}
|
|
|
|
.pkp_uploader_progress_bar_wrapper {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 1rem;
|
|
right: 1rem;
|
|
transform: translateY(-50%);
|
|
height: 0.5rem;
|
|
background: @bg;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.pkpUploaderProgressBar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
min-width: 0.5rem;
|
|
height: 0.5rem;
|
|
background: @primary;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.pkpUploaderError {
|
|
color: @no;
|
|
}
|
|
|
|
.complete {
|
|
|
|
.pkp_uploader_drop_zone {
|
|
border-style: solid;
|
|
background: @bg;
|
|
color: @text;
|
|
}
|
|
|
|
.pkpUploaderFilename:before {
|
|
.fa();
|
|
content: @fa-var-check;
|
|
margin-right: 1em;
|
|
color: @yes;
|
|
}
|
|
}
|
|
|
|
.uploading {
|
|
|
|
.pkp_uploader_drop_zone {
|
|
border-style: solid;
|
|
}
|
|
}
|
|
|
|
// plupload's input element that's placed over the upload button
|
|
.moxie-shim input {
|
|
cursor: pointer;
|
|
}
|