css: unify comment and forum post css.
Unify comments and forum posts to have the same CSS and HTML structure. Fixes various minor spacing and styling inconsistencies.
This commit is contained in:
@@ -1,14 +1,22 @@
|
||||
@import "../base/000_vars.scss";
|
||||
|
||||
div.comments-for-post {
|
||||
div.hidden-comments-notice {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
div.list-of-comments {
|
||||
article.comment {
|
||||
display: flex;
|
||||
margin-bottom: 2em;
|
||||
margin-top: 2em;
|
||||
word-wrap: break-word;
|
||||
padding: 5px;
|
||||
flex: 1;
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
&[data-is-sticky="true"] {
|
||||
background: var(--comment-sticky-background-color);
|
||||
}
|
||||
@@ -37,9 +45,8 @@ div.comments-for-post {
|
||||
flex-basis: 12em;
|
||||
margin-right: 1em;
|
||||
|
||||
h1 {
|
||||
display: block;
|
||||
font-size: $h3_size;
|
||||
time {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -66,10 +73,6 @@ div#c-comments {
|
||||
strong, time {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
|
||||
div.notices {
|
||||
margin: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.post-preview {
|
||||
|
||||
@@ -1,9 +1,13 @@
|
||||
div.list-of-forum-posts {
|
||||
article {
|
||||
article.forum-post {
|
||||
display: flex;
|
||||
margin-top: 3em;
|
||||
margin-top: 2em;
|
||||
word-wrap: break-word;
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
a.voted {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -25,7 +29,8 @@ div.list-of-forum-posts {
|
||||
}
|
||||
|
||||
div.author {
|
||||
flex-basis: 13em;
|
||||
flex-basis: 12em;
|
||||
margin-right: 1em;
|
||||
|
||||
time {
|
||||
font-style: italic;
|
||||
@@ -40,8 +45,6 @@ div.list-of-forum-posts {
|
||||
}
|
||||
|
||||
menu {
|
||||
margin-top: 0.5em;
|
||||
|
||||
ul.votes {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
@@ -88,13 +91,14 @@ div#c-forum-topics {
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
div.list-of-forum-posts article {
|
||||
div.list-of-forum-posts article.forum-post {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
border: var(--forum-post-border);
|
||||
|
||||
div.author {
|
||||
padding: 1em 1em 0;
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
border-bottom: var(--forum-post-border);
|
||||
background: var(--forum-post-author-background);
|
||||
}
|
||||
|
||||
@@ -320,10 +320,6 @@ div#c-posts {
|
||||
}
|
||||
}
|
||||
|
||||
div.notices {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#image-container {
|
||||
margin: 1em 0 0.5em;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user