app/assets/stylesheets/commontator/application.scss
/*
*= require mentionsInput/jquery.mentionsInput
*= require_self
*= require_tree .
*/
.commontator {
.commontator-hidden {
display: none;
}
.header {
display: block;
overflow: hidden;
}
.actions {
align-items: center;
display: flex;
justify-content: flex-end;
}
.status {
font-size: 120%;
font-weight: bold;
font-style: normal;
}
.comment-list {
background-color: #FFF;
}
.children {
padding-left: 15px;
}
/* Modified from: https://www.strangerstudios.com/sandbox/pagination/diggstyle.php */
.page-entries-info, .will-paginate {
margin: 10px 0;
}
.pagination {
a {
margin-right: 4px;
padding: 2px 5px 2px 5px;
border: 1px solid #999;
color: #666;
text-decoration: none;
&:hover, &:active {
border: 1px solid #555;
color: #000;
}
}
em {
margin-right: 4px;
border: 1px solid #555;
padding: 2px 5px 2px 5px;
background-color: #555;
font-weight: bold;
color: #FFF;
}
.name {
margin: 2px 9px 2px 0;
}
.disabled {
margin-right: 4px;
border: 1px solid #EEE;
padding: 2px 5px 2px 5px;
color: #DDD;
}
}
.mentions {
left: -8px;
top: -8px;
font-family: monospace;
font-size: 13.3333px;
}
.field textarea {
width: 100%;
padding: 0;
overflow: auto;
}
.submit {
margin: 10px 0;
}
}