akaunting 3.0 (the last dance)
This commit is contained in:
99
public/css/third_party/dropzone_custom.css
vendored
Normal file
99
public/css/third_party/dropzone_custom.css
vendored
Normal file
@ -0,0 +1,99 @@
|
||||
.dropzone {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.dropzone-column {
|
||||
height: calc(100% - 23px);
|
||||
height: -webkit-calc(100% - 23px);
|
||||
height: -moz-calc(100% - 23px);
|
||||
}
|
||||
|
||||
.dz-preview-cover, .dz-preview-single {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-radius: .375rem;
|
||||
}
|
||||
|
||||
.dz-message {
|
||||
padding: 5rem 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
border: 1px dashed #C7C9D9;
|
||||
border-radius: .375rem;
|
||||
text-align: center;
|
||||
color: #595959;
|
||||
transition: all .15s ease;
|
||||
order: -1;
|
||||
cursor: pointer;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.dz-message:hover {
|
||||
border-color: #424242;
|
||||
}
|
||||
|
||||
.dropzone-multiple .dz-message {
|
||||
height: 5rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dropzone-single .dz-message {
|
||||
height: 100%;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.dropzone-column .dz-message {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dropzone-single.dz-max-files-reached .dz-message {
|
||||
background-color: rgba(0,0,0,.2);
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dropzone-single.dz-max-files-reached .dz-message:hover {
|
||||
opacity:1
|
||||
}
|
||||
|
||||
.dz-message .dz-button {
|
||||
background: hsla(0,0%,100%,0);
|
||||
border: none;
|
||||
color: #C7C9D9;
|
||||
}
|
||||
|
||||
.dz-preview-img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: .375rem;
|
||||
}
|
||||
|
||||
.dropzone-single.dz-max-files-reached .dz-message {
|
||||
background-color: rgba(0,0,0,.9);
|
||||
color: #fff;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dropzone .avatar {
|
||||
color: #fff;
|
||||
background-color: #adb5bd;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: .375rem;
|
||||
font-size: 1rem;
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user