jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: make forum post borders mobile-only.

Browse Source 
* Remove box shadows around forum posts.
* Make borders around forum posts mobile only.
This commit is contained in:
evazion
2019-09-17 00:28:41 -05:00
parent 852c1cbb7c
commit c2bfd2ebe6
3 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/src/styles/base/040_colors.css
View File

@@ -52,8 +52,8 @@
--forum-vote-up-color: green;
--forum-vote-meh-color: goldrenrod;
--forum-vote-down-color: red;
--forum-post-box-shadow: 1px 1px 2px #AAA;
--forum-post-border: 1px solid #AAA;
--forum-post-border: 1px solid #DDD;
--forum-post-author-background: #EEE;
--forum-post-highlight-background-color: #FFC;
--comment-sticky-background-color: var(--subnav-menu-background-color);

26
app/javascript/src/styles/specific/forum.scss
View File

@@ -1,9 +1,7 @@
div.list-of-forum-posts {
article {
border: var(--forum-post-border);
margin: 1em 0em;
word-wrap: break-word;
box-shadow: var(--forum-post-box-shadow);
a.voted {
font-weight: bold;
@@ -86,3 +84,27 @@ div#c-forum-topics {
color: var(--forum-deleted-topic-color);
}
}
@media screen and (max-width: 660px) {
#c-forum-topics #a-show {
padding: 0 0.5em;
}
div.list-of-forum-posts article {
border: var(--forum-post-border);
div.author, div.content {
width: auto;
float: none;
}
div.author {
border-bottom: var(--forum-post-border);
background: var(--forum-post-author-background);
}
div.content {
margin-left: 0;
}
}
}