jyapayne/nimforum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds global reply button to postlist.

Browse source
This commit is contained in:
Dominik Picheta 2018-05-16 17:43:01 +01:00
commit 84caff7c97
2 changed files with 41 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

49
redesign/nimforum.scss
View file

@ -91,25 +91,29 @@ $logo-height: $navbar-height - 20px;
}
// - Main buttons
.btn-secondary {
background: $secondary-btn-color;
border-color: darken($secondary-btn-color, 5%);
color: invert($secondary-btn-color);
margin-right: $control-padding-x*2;
&:hover, &:focus {
background: darken($secondary-btn-color, 5%);
border-color: darken($secondary-btn-color, 10%);
}
&:focus {
@include control-shadow(darken($secondary-btn-color, 40%));
}
}
#main-buttons {
margin-top: $control-padding-y*2;
margin-bottom: $control-padding-y*2;
.dropdown > .btn, .btn-secondary {
background: $secondary-btn-color;
border-color: darken($secondary-btn-color, 5%);
color: invert($secondary-btn-color);
margin-right: $control-padding-x*2;
&:hover, &:focus {
background: darken($secondary-btn-color, 5%);
border-color: darken($secondary-btn-color, 10%);
}
&:focus {
@include control-shadow(darken($secondary-btn-color, 40%));
}
.dropdown > .btn {
@extend .btn-secondary;
}
}
@ -244,6 +248,8 @@ $views-color: #545d70;
@extend .container;
margin: 0;
padding: 0;
margin-bottom: 10rem; // Just some empty space at the bottom.
}
.post {
@ -336,6 +342,19 @@ $views-color: #545d70;
}
}
#thread-buttons {
border-top: 1px solid $border-color;
width: 100%;
padding-top: $control-padding-y;
padding-bottom: $control-padding-y;
@extend .clearfix;
.btn {
float: right;
margin-right: 0;
}
}
blockquote {
border-left: 0.2rem solid darken($bg-color, 10%);
background-color: $bg-color;

7
redesign/postlist.nim
View file

@ -249,4 +249,11 @@ when defined(js):
if prevPost.isSome:
genTimePassed(prevPost.get(), none[Post](), true)
tdiv(id="thread-buttons"):
button(class="btn btn-secondary",
onClick=(e: Event, n: VNode) =>
onReplyClick(e, n, none[Post]())):
italic(class="fas fa-reply")
text " Reply"
render(state.replyBox, list.thread, state.replyingTo, false)