933834c4a6
First, the autosize library was being too controlling and removed the `resize` property from any elements to which it was attached, removing the drag handle. Second, we detect when the user manually resizes an autosize textarea, and then remove the autosize behavior from it and increase its max-height. This should allow for the best of both worlds. Closes #12832
90 lines
1.6 KiB
SCSS
90 lines
1.6 KiB
SCSS
.div-dropzone-wrapper {
|
|
.div-dropzone {
|
|
position: relative;
|
|
padding: 0;
|
|
border: 0;
|
|
margin-bottom: 5px;
|
|
|
|
.div-dropzone-focus {
|
|
border-color: #66afe9 !important;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
|
|
outline: 0 !important;
|
|
}
|
|
|
|
.div-dropzone-hover {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -0.5em;
|
|
margin-left: -0.6em;
|
|
opacity: 0;
|
|
font-size: 50px;
|
|
transition: opacity 200ms ease-in-out;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.div-dropzone-spinner {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 100%;
|
|
margin-top: -1.1em;
|
|
margin-left: -1.1em;
|
|
opacity: 0;
|
|
font-size: 30px;
|
|
transition: opacity 200ms ease-in-out;
|
|
}
|
|
|
|
.div-dropzone-icon {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.div-dropzone-progress {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: -40px;
|
|
width: 35px;
|
|
font-size: 13px;
|
|
text-align: right;
|
|
}
|
|
|
|
.dz-preview {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.div-dropzone-alert {
|
|
margin-top: 5px;
|
|
margin-bottom: 0;
|
|
transition: opacity 200ms ease-in-out;
|
|
}
|
|
|
|
.md-area {
|
|
position: relative;
|
|
}
|
|
|
|
.referenced-users {
|
|
color: #4c4e54;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.md-preview-holder {
|
|
background: #FFF;
|
|
border: 1px solid #ddd;
|
|
min-height: 169px;
|
|
padding: 5px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.markdown-area {
|
|
@include border-radius(0);
|
|
background: #FFF;
|
|
border: 1px solid #ddd;
|
|
min-height: 140px;
|
|
max-height: 500px;
|
|
padding: 5px;
|
|
box-shadow: none;
|
|
width: 100%;
|
|
}
|