110 lines
2.3 KiB
Plaintext
110 lines
2.3 KiB
Plaintext
@import (reference) "./colortheme-all.less";
|
||
@import (reference) "./variables.less";
|
||
@import (reference) "./avatar.less";
|
||
@import (reference) "./buttons.less";
|
||
@import (reference) "./tools.less";
|
||
|
||
.comments_main() {
|
||
@data-color: #888;
|
||
overflow-y: auto;
|
||
|
||
.buttons_main();
|
||
|
||
.cp-comment-reply {
|
||
margin-left: 40px;
|
||
}
|
||
|
||
|
||
.cp-comment-form {
|
||
&:not(:last-child) {
|
||
margin-bottom: 10px;
|
||
}
|
||
}
|
||
.cp-comment-form-input {
|
||
.avatar_main(40px);
|
||
.cp-avatar {
|
||
border: 1px solid transparent;
|
||
}
|
||
display: flex;
|
||
align-items: flex-start;
|
||
div.cp-textarea {
|
||
flex: 1;
|
||
min-height: 50px;
|
||
height: 50px;
|
||
padding: 2px 8px;
|
||
}
|
||
margin-bottom: 5px;
|
||
}
|
||
.cp-comment-form-actions {
|
||
text-align: right;
|
||
button:not(:last-child) {
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
|
||
#cp-comments-label {
|
||
display: none;
|
||
}
|
||
|
||
.cp-comment-container {
|
||
outline: none;
|
||
&:not(:focus) {
|
||
cursor: pointer;
|
||
.tools_unselectable();
|
||
}
|
||
//&:not(:last-child) {
|
||
// margin-bottom: 10px;
|
||
//}
|
||
.cp-comment-form {
|
||
margin-top: 5px;
|
||
}
|
||
padding: 5px;
|
||
}
|
||
.cp-comment {
|
||
&:not(:first-child) {
|
||
margin-top: 5px;
|
||
}
|
||
}
|
||
.cp-comment-header {
|
||
height: 40px;
|
||
align-items: center;
|
||
display: flex;
|
||
background-color: white;
|
||
.avatar_main(40px);
|
||
.cp-comment-metadata {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-flow: column;
|
||
margin-left: 5px;
|
||
.cp-comment-time {
|
||
font-size: 13px;
|
||
color: @data-color;
|
||
}
|
||
}
|
||
}
|
||
.cp-comment-content {
|
||
background-color: white;
|
||
padding: 10px 5px 5px;
|
||
white-space: pre-wrap;
|
||
word-break: break-word;
|
||
}
|
||
.cp-comment-actions {
|
||
display: none;
|
||
text-align: right;
|
||
margin-top: 5px;
|
||
button {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
button:not(:last-child) {
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
.cp-comment-active {
|
||
background-color: rgba(0,0,0,0.2);
|
||
.cp-comment-actions {
|
||
display: block;
|
||
}
|
||
}
|
||
}
|
||
|