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

Load More Posts in thread.html.

Browse source
This commit is contained in:
Dominik Picheta 2018-05-09 13:38:50 +01:00
commit 07e8af644e
2 changed files with 35 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

21
redesign/nimforum.scss
View file

@ -155,9 +155,6 @@ $views-color: #545d70;
.load-more-separator { .load-more-separator {
text-align: center; text-align: center;
color: darken($label-color, 35%); color: darken($label-color, 35%);
// $border-color: desaturate(darken($label-color, 10%), 80%);
// border-top: 1px solid $border-color;
// border-bottom: 1px solid $border-color;
background-color: lighten($label-color, 15%); background-color: lighten($label-color, 15%);
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
@ -327,6 +324,10 @@ blockquote {
.information-title { .information-title {
font-weight: bold; font-weight: bold;
} }
&.no-border {
border: none;
}
} }
.information-icon { .information-icon {
@ -338,4 +339,18 @@ blockquote {
font-size: 1rem; font-size: 1rem;
} }
}
.time-passed {
text-transform: uppercase;
}
.load-more-posts {
text-align: center;
color: darken($label-color, 35%);
background-color: lighten($label-color, 15%);
border: none;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
} }

20
redesign/thread.html
View file

@ -121,13 +121,13 @@
</div> </div>
</div> </div>
<div class="information"> <div class="information time-passed">
<div class="information-icon"> <div class="information-icon">
<i class="fas fa-clock"></i> <i class="fas fa-clock"></i>
</div> </div>
<div class="information-main"> <div class="information-main">
<div class="information-title"> <div class="information-title">
3 YEARS LATER 3 years later
</div> </div>
</div> </div>
</div> </div>
@ -196,7 +196,21 @@
</div> </div>
</div> </div>
<div class="information"> <div class="information load-more-posts">
<div class="information-icon">
<i class="fas fa-comment-dots"></i>
</div>
<div class="information-main">
<div class="information-title">
Load more posts
</div>
<div class="information-content">
</div>
</div>
</div>
<div class="information no-border">
<div class="information-icon"> <div class="information-icon">
<i class="fas fa-reply"></i> <i class="fas fa-reply"></i>
</div> </div>