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
164 lines
2.2 KiB
SCSS
164 lines
2.2 KiB
SCSS
/**
|
|
* Note Form
|
|
*/
|
|
|
|
.comment-btn {
|
|
@extend .btn-create;
|
|
}
|
|
.reply-btn {
|
|
@extend .btn-primary;
|
|
margin: 10px $gl-padding;
|
|
}
|
|
.diff-file .diff-content {
|
|
tr.line_holder:hover > td .line_note_link {
|
|
opacity: 1.0;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
}
|
|
.diff-file,
|
|
.discussion {
|
|
.new_note {
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
}
|
|
.new_note {
|
|
display: none;
|
|
}
|
|
|
|
.new_note, .edit_note {
|
|
.note-form-actions {
|
|
margin-top: $gl-padding;
|
|
}
|
|
|
|
.note-preview-holder {
|
|
> p {
|
|
overflow-x: auto;
|
|
}
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.note_text {
|
|
width: 100%;
|
|
}
|
|
|
|
.comment-hints {
|
|
margin-top: -12px;
|
|
}
|
|
}
|
|
|
|
/* loading indicator */
|
|
.notes-busy {
|
|
margin: 18px;
|
|
}
|
|
|
|
.note-image-attach {
|
|
@extend .col-md-4;
|
|
margin-left: 45px;
|
|
float: none;
|
|
}
|
|
|
|
.common-note-form {
|
|
margin: 0;
|
|
background: #fff;
|
|
padding: $gl-padding;
|
|
margin-left: -$gl-padding;
|
|
margin-right: -$gl-padding;
|
|
margin-bottom: -$gl-padding;
|
|
}
|
|
|
|
.note-form-actions {
|
|
background: #fff;
|
|
|
|
.note-form-option {
|
|
margin-top: 8px;
|
|
margin-left: 30px;
|
|
@extend .pull-left;
|
|
}
|
|
|
|
.js-notify-commit-author {
|
|
float: left;
|
|
}
|
|
|
|
.write-preview-btn {
|
|
// makes the "absolute" position for links relative to this
|
|
position: relative;
|
|
|
|
// preview/edit buttons
|
|
> a {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 8px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.note-edit-form {
|
|
display: none;
|
|
font-size: 15px;
|
|
|
|
.form-actions {
|
|
padding-left: 20px;
|
|
|
|
.btn-save {
|
|
float: left;
|
|
}
|
|
|
|
.note-form-option {
|
|
float: left;
|
|
padding: 2px 0 0 25px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.js-note-attachment-delete {
|
|
display: none;
|
|
}
|
|
|
|
.parallel-comment {
|
|
padding: 6px;
|
|
}
|
|
|
|
.error-alert > .alert {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.discussion-body,
|
|
.diff-file {
|
|
.notes .note {
|
|
border-color: #ddd;
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
.discussion-reply-holder {
|
|
background: $background-color;
|
|
border-top: 1px solid $border-color;
|
|
}
|
|
}
|
|
|
|
.discussion-notes-count {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.edit_note {
|
|
.markdown-area {
|
|
min-height: 140px;
|
|
max-height: 500px;
|
|
}
|
|
.note-form-actions {
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
.comment-hints {
|
|
color: #999;
|
|
background: #FFF;
|
|
padding: 7px;
|
|
margin-top: -7px;
|
|
border: 1px solid $border-color;
|
|
font-size: 13px;
|
|
}
|