infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Add new less file

pull/1/head
yflory 2020-04-22 16:25:43 +02:00
parent 7f2b44d6a5
commit e30c7f3062
1 changed files with 95 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
customize.dist/src/less2/include/comments.less Normal file
View File

@ -0,0 +1,95 @@
@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);
display: flex;
align-items: flex-start;
textarea {
flex: 1;
height: 50px;
padding: 2px 8px;
}
margin-bottom: 5px;
}
.cp-comment-form-actions {
text-align: right;
button:not(:last-child) {
margin-right: 10px;
}
}
.cp-comment-container {
outline: none;
&:not(:focus) {
cursor: pointer;
.tools_unselectable();
}
&:not(:last-child) {
margin-bottom: 10px;
}
.cp-comment-form {
margin-top: 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;
}
.cp-comment-actions {
display: none;
text-align: right;
margin-top: 5px;
button:not(:last-child) {
margin-right: 10px;
}
}
.cp-comment-active {
.cp-comment-actions {
display: block;
}
}
}