Moar CSS for single thread view

This commit is contained in:
swag 2023-05-14 22:04:11 -04:00
parent 8711d4e82c
commit c7e5528a27
2 changed files with 18 additions and 19 deletions

View File

@ -45,7 +45,7 @@ header > nav a {
background-color: #8C97A8; background-color: #8C97A8;
} }
.threads { .threads, .remarks {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/* border: dashed; */ /* border: dashed; */
@ -53,12 +53,12 @@ header > nav a {
padding: 0.5em 0; padding: 0.5em 0;
} }
.thread { .thread, .remark {
background-color: #C2B3A9; background-color: #C2B3A9;
border: outset; border: outset;
} }
.thread .title { .thread .title, .remark .date {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
@ -69,7 +69,7 @@ header > nav a {
border: inset; border: inset;
} }
.thread .title .id { .thread .title .id, .remark .id {
border: outset; border: outset;
padding: 0.25em; padding: 0.25em;
background-color: #999999; background-color: #999999;
@ -80,12 +80,17 @@ header > nav a {
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
} }
.thread .body { .remark .date, .remark .author, .remark .body {
margin: 1em 0.5em;
padding: 0.25em 0.5em;
}
.thread .body, .remark .body {
background-color: #A59990; background-color: #A59990;
border: inset; border: inset;
} }
.thread nav { .thread nav, .remark nav {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
flex-flow: row wrap; flex-flow: row wrap;
@ -94,7 +99,7 @@ header > nav a {
align-items: center; align-items: center;
} }
.thread nav a { .thread nav a, .remark nav a {
flex: 1 0; flex: 1 0;
text-align: center; text-align: center;
border: outset; border: outset;

View File

@ -11,14 +11,12 @@
</div> </div>
<nav> <nav>
<%= link_to post_remark => {thread_id => $thread->{'id'}}, begin %> <%= link_to post_remark => {thread_id => $thread->{'id'}}, begin %>
Remark (<%= $thread->{'remark_tally'} %> remarks) Remark (<%= $thread->{'remark_tally'} %>)
<% end %> <% end %>
<%= link_to bump_thread => {thread_id => $thread->{'id'}}, begin %> <%= link_to bump_thread => {thread_id => $thread->{'id'}}, begin %>
Bump (<%= $thread->{'bump_tally'} %> bumps) Bump (<%= $thread->{'bump_tally'} %>)
<% end %> <% end %>
<span class="flag">
<%= link_to Flag => flag_thread => {thread_id => $thread->{'id'}} %> <%= link_to Flag => flag_thread => {thread_id => $thread->{'id'}} %>
</span>
</nav> </nav>
<% if (is_mod) { =%> <% if (is_mod) { =%>
<nav> <nav>
@ -36,10 +34,8 @@
<article class="remark"> <article class="remark">
<h4 class="date"> <h4 class="date">
<%= $remark->{'date'} %> <%= $remark->{'date'} %>
<span class="id">
<%= link_to "#$remark->{'id'}", <%= link_to "#$remark->{'id'}",
single_remark => {remark_id => $remark->{'id'}} %> single_remark => {remark_id => $remark->{'id'}}, (class => 'id') %>
</span>
</h4> </h4>
<h5 class="author"><%= $remark->{'author'} %></h5> <h5 class="author"><%= $remark->{'author'} %></h5>
<div class="body"> <div class="body">
@ -47,9 +43,7 @@
</div> </div>
<nav> <nav>
<%= link_to Remark => post_remark => {thread_id => $thread->{'id'}} %> <%= link_to Remark => post_remark => {thread_id => $thread->{'id'}} %>
<span class="flag">
<%= link_to Flag => flag_remark => {remark_id => $remark->{'id'}} %> <%= link_to Flag => flag_remark => {remark_id => $remark->{'id'}} %>
</span>
</nav> </nav>
</article> </article>
<% } =%> <% } =%>