scratch
/css/files/style.scss |
@@ -0,0 +1,78 @@ |
.fileupload-process { |
background: rgba(245, 245, 245, 1); |
border: 0px solid rgba(255, 255, 255, 1); |
border-radius: 4px; |
height: 20px; |
} |
|
.progress-bar-custom { |
background: #ff99ff; |
} |
|
#previews { |
display: table; |
|
.file-row { |
display: table-row; |
|
> div { |
display: table-cell; |
vertical-align: top; |
border-top: 1px solid #ddd; |
padding: 1em; |
background: #f9f9f9; |
} |
|
&:nth-child(odd) { |
background: #f9f9f9; |
|
/* border-top: 1em solid #ddd; */ |
} |
} |
} |
|
#uploadpanel { |
min-height: 320px; |
border: 2px dashed #F78700; |
border-radius: 5px; |
box-sizing: border-box; |
|
/* outline-offset: -24px; */ |
background-image: url("../../img/blueprint.png"); |
background-repeat: repeat; |
} |
|
#total-progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
background: #f5f5f5; |
padding: 0; |
margin: 0; |
} |
|
/* Hide the progress bar when finished */ |
|
#previews .file-row { |
&.dz-success .progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
} |
|
.remove { |
display: none; |
} |
|
&.dz-success { |
.start, .cancel { |
opacity: 0.3; |
} |
|
.remove { |
display: block; |
} |
} |
} |
|
/* Hide the delete button initially */ |
|
/* Hide the start and cancel buttons and show the delete button */ |