9767e62c72
composer require ldc/web-status-checker-laravel remove Old static status checker Fix ImportMedia WIP commands OK many fixes Fix and try to optimize folder component Fix front icons + actions based on icons Favico front fix alert Fix Media upload on depot fix folder component buttons Full front fix with perf due tu vuejs Download medias Navigate within medias superfix Move media + loader isLocked boolean and remove media fix Folder scroll fix arcadia link color red Fix panier show external Tons of fixes back as front REwrited all
230 lines
5 KiB
SCSS
230 lines
5 KiB
SCSS
/*
|
|
* jQuery File Upload Plugin CSS
|
|
* https://github.com/blueimp/jQuery-File-Upload
|
|
*
|
|
* Copyright 2013, Sebastian Tschan
|
|
* https://blueimp.net
|
|
*
|
|
* Licensed under the MIT license:
|
|
* https://opensource.org/licenses/MIT
|
|
*/
|
|
|
|
.upload_container,
|
|
.depot_container {
|
|
display: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 300px;
|
|
height: 400px;
|
|
background-color: #24272e;
|
|
z-index: 100;
|
|
border-radius: 10px;
|
|
|
|
.fileinput-button {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
width: 100%;
|
|
font-size: 15px;
|
|
color: $white;
|
|
padding: 16px;
|
|
cursor: pointer;
|
|
border-bottom: 1px solid #17191f;
|
|
|
|
& a {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
& svg {
|
|
color: white;
|
|
font-size: 18px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
input {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
font-size: 200px !important;
|
|
direction: ltr;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
/* Fixes for IE < 8 */
|
|
@media screen\9 {
|
|
.fileinput-button input {
|
|
filter: alpha(opacity=0);
|
|
font-size: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
display: none;
|
|
height: 6px;
|
|
overflow: hidden;
|
|
background-color: #24272e;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
z-index: 999999999999;
|
|
width: 100%;
|
|
|
|
.progress-bar {
|
|
float: left;
|
|
width: 0;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #337ab7;
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
transition: width 0.6s ease;
|
|
|
|
&.progress-bar-success {
|
|
background-color: #5cb85c;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content_wrapper {
|
|
height: 286px;
|
|
overflow-y: auto;
|
|
}
|
|
#files {
|
|
> div {
|
|
width: 100%;
|
|
padding: 10px;
|
|
border-bottom: 1px solid #17191f;
|
|
|
|
div:first-child {
|
|
color: $white;
|
|
margin-bottom: 5px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
|
|
span {
|
|
white-space: nowrap;
|
|
display: block;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
max-width: 91%;
|
|
}
|
|
}
|
|
div:last-child {
|
|
color: $grey2;
|
|
}
|
|
button {
|
|
display: none;
|
|
border: none;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -3px;
|
|
cursor: pointer;
|
|
|
|
i,
|
|
svg {
|
|
color: $white;
|
|
font-size: 19px;
|
|
}
|
|
}
|
|
&:hover {
|
|
button {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.upload_bar {
|
|
border-top: 1px solid #17191f;
|
|
width: 100%;
|
|
height: 60px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
padding: 13px 10px;
|
|
|
|
#submit {
|
|
display: inline-block;
|
|
}
|
|
#cancel,
|
|
#close_upload_form {
|
|
color: $white;
|
|
cursor: pointer;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.depot_container {
|
|
display: block;
|
|
width: 700px;
|
|
header {
|
|
padding: 20px;
|
|
border-bottom: 1px solid #17191f;
|
|
|
|
i,
|
|
svg {
|
|
font-size: 30px;
|
|
margin-right: 10px;
|
|
color: white;
|
|
}
|
|
}
|
|
.mainContent {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
.col {
|
|
width: 50%;
|
|
|
|
.fileinput-button {
|
|
border: none;
|
|
}
|
|
|
|
.content_wrapper {
|
|
height: 217px;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
select {
|
|
display: block;
|
|
width: 315px;
|
|
margin: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.list_uploaded_files {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.list_uploaded_files_p {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|