mirror of
https://github.com/vale981/Vulcan
synced 2025-03-06 10:01:40 -05:00
fixing load more css
This commit is contained in:
Sacha Greif
parent
c36407a7d6
commit
970b869e9b
3 changed files with 67 additions and 60 deletions
|
|
@ -1,11 +1,13 @@
|
|||
<template name="posts_list">
|
||||
<div class="posts grid list">
|
||||
{{#each posts}}
|
||||
{{> UI.dynamic template=post_item}}
|
||||
{{/each}}
|
||||
<div class="posts-wrapper grid">
|
||||
<div class="posts list">
|
||||
{{#each posts}}
|
||||
{{> UI.dynamic template=post_item}}
|
||||
{{/each}}
|
||||
</div>
|
||||
{{#if hasMorePosts}}
|
||||
<div class="more-button">
|
||||
<a class="more-link" href="{{loadMoreUrl}}">{{i18n "Load more"}}</a>
|
||||
<a href="{{loadMoreUrl}}">{{i18n "Load more"}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -46,10 +46,12 @@
|
|||
text-align:center;
|
||||
padding:10px 0;
|
||||
}
|
||||
.posts-wrapper{
|
||||
@include box-shadow(0 1px 1px black(0.15));
|
||||
border-radius: 3px;
|
||||
}
|
||||
.posts{
|
||||
position:relative;
|
||||
@include box-shadow(0 1px 1px black(0.15));
|
||||
border-radius: 3px;
|
||||
}
|
||||
.post{
|
||||
position:relative;
|
||||
|
|
@ -287,8 +289,8 @@
|
|||
}
|
||||
.more-button{
|
||||
a{
|
||||
display: block;
|
||||
width:100%;
|
||||
display:block;
|
||||
height:$grid-unit;
|
||||
background:black(0.075);
|
||||
text-align:center;
|
||||
|
|
|
|||
|
|
@ -705,36 +705,39 @@ body.pageslide-open {
|
|||
padding: 10px 0; }
|
||||
|
||||
/* line 49, ../sass/modules/_posts.scss */
|
||||
.posts {
|
||||
position: relative;
|
||||
.posts-wrapper {
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 3px; }
|
||||
|
||||
/* line 54, ../sass/modules/_posts.scss */
|
||||
/* line 53, ../sass/modules/_posts.scss */
|
||||
.posts {
|
||||
position: relative; }
|
||||
|
||||
/* line 56, ../sass/modules/_posts.scss */
|
||||
.post {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e7eff2; }
|
||||
/* line 59, ../sass/modules/_posts.scss */
|
||||
/* line 61, ../sass/modules/_posts.scss */
|
||||
.post:first-child {
|
||||
border-radius: 3px 3px 0px 0px; }
|
||||
/* line 62, ../sass/modules/_posts.scss */
|
||||
/* line 64, ../sass/modules/_posts.scss */
|
||||
.post:last-child {
|
||||
border: none; }
|
||||
/* line 65, ../sass/modules/_posts.scss */
|
||||
/* line 67, ../sass/modules/_posts.scss */
|
||||
.post.animate {
|
||||
-moz-transition: ease-out top 400ms 0ms;
|
||||
-o-transition: ease-out top 400ms 0ms;
|
||||
-webkit-transition: ease-out top 400ms;
|
||||
-webkit-transition-delay: 0ms;
|
||||
transition: ease-out top 400ms 0ms; }
|
||||
/* line 69, ../sass/modules/_posts.scss */
|
||||
/* line 71, ../sass/modules/_posts.scss */
|
||||
.post.inactive .post-content {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIALMnDlTkpGQOpCi9PT053gVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQC5OyXvW/4BHwAAAABJRU5ErkJggg=="); }
|
||||
/* line 73, ../sass/modules/_posts.scss */
|
||||
/* line 75, ../sass/modules/_posts.scss */
|
||||
.single-post .post {
|
||||
margin-bottom: 10px;
|
||||
border-radius: 3px;
|
||||
|
|
@ -742,10 +745,10 @@ body.pageslide-open {
|
|||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
|
||||
|
||||
/* line 79, ../sass/modules/_posts.scss */
|
||||
/* line 81, ../sass/modules/_posts.scss */
|
||||
.post-rank {
|
||||
position: relative; }
|
||||
/* line 81, ../sass/modules/_posts.scss */
|
||||
/* line 83, ../sass/modules/_posts.scss */
|
||||
.post-rank span {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
|
|
@ -758,10 +761,10 @@ body.pageslide-open {
|
|||
font-size: 18px;
|
||||
color: rgba(0, 0, 0, 0.2); }
|
||||
|
||||
/* line 95, ../sass/modules/_posts.scss */
|
||||
/* line 97, ../sass/modules/_posts.scss */
|
||||
.post-upvote {
|
||||
padding: 0 10px 0 5px; }
|
||||
/* line 97, ../sass/modules/_posts.scss */
|
||||
/* line 99, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link {
|
||||
position: relative;
|
||||
width: 24px;
|
||||
|
|
@ -769,7 +772,7 @@ body.pageslide-open {
|
|||
padding: 6px;
|
||||
display: block;
|
||||
text-align: center; }
|
||||
/* line 106, ../sass/modules/_posts.scss */
|
||||
/* line 108, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link i {
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
|
|
@ -781,74 +784,74 @@ body.pageslide-open {
|
|||
color: rgba(243, 108, 61, 0.8);
|
||||
text-shadow: 0px 1px 0px white;
|
||||
line-height: 2.2; }
|
||||
/* line 118, ../sass/modules/_posts.scss */
|
||||
/* line 120, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link i.icon-check {
|
||||
display: none; }
|
||||
/* line 122, ../sass/modules/_posts.scss */
|
||||
/* line 124, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link span {
|
||||
display: none; }
|
||||
/* line 126, ../sass/modules/_posts.scss */
|
||||
/* line 128, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link.not-voted:hover i {
|
||||
background: rgba(243, 108, 61, 0.1);
|
||||
color: #f36c3d;
|
||||
text-shadow: none; }
|
||||
/* line 132, ../sass/modules/_posts.scss */
|
||||
/* line 134, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link.voted {
|
||||
cursor: default; }
|
||||
/* line 134, ../sass/modules/_posts.scss */
|
||||
/* line 136, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link.voted i.icon-up {
|
||||
display: none; }
|
||||
/* line 137, ../sass/modules/_posts.scss */
|
||||
/* line 139, ../sass/modules/_posts.scss */
|
||||
.post-upvote .upvote-link.voted i.icon-check {
|
||||
border: 1px solid rgba(122, 192, 228, 0.6);
|
||||
display: block;
|
||||
color: rgba(122, 192, 228, 0.8);
|
||||
opacity: 0.5; }
|
||||
|
||||
/* line 146, ../sass/modules/_posts.scss */
|
||||
/* line 148, ../sass/modules/_posts.scss */
|
||||
.post-info {
|
||||
padding: 13px 0; }
|
||||
|
||||
/* line 149, ../sass/modules/_posts.scss */
|
||||
/* line 151, ../sass/modules/_posts.scss */
|
||||
.post-content {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
min-height: 40px; }
|
||||
/* line 153, ../sass/modules/_posts.scss */
|
||||
/* line 155, ../sass/modules/_posts.scss */
|
||||
.post-content .post-sticky {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 16px;
|
||||
font-size: 24px; }
|
||||
/* line 159, ../sass/modules/_posts.scss */
|
||||
/* line 161, ../sass/modules/_posts.scss */
|
||||
.post-content .post-sticky i {
|
||||
color: #b3c1c6; }
|
||||
/* line 162, ../sass/modules/_posts.scss */
|
||||
/* line 164, ../sass/modules/_posts.scss */
|
||||
.post-content .post-sticky span {
|
||||
display: none; }
|
||||
|
||||
/* line 167, ../sass/modules/_posts.scss */
|
||||
/* line 169, ../sass/modules/_posts.scss */
|
||||
.post-heading {
|
||||
margin-bottom: 3px; }
|
||||
/* line 169, ../sass/modules/_posts.scss */
|
||||
/* line 171, ../sass/modules/_posts.scss */
|
||||
.post-heading .post-title {
|
||||
font-size: 18px;
|
||||
color: #4a4444;
|
||||
font-weight: normal;
|
||||
line-height: 1; }
|
||||
/* line 174, ../sass/modules/_posts.scss */
|
||||
/* line 176, ../sass/modules/_posts.scss */
|
||||
.post-heading .post-title:visited {
|
||||
color: #b5b0b0; }
|
||||
/* line 177, ../sass/modules/_posts.scss */
|
||||
/* line 179, ../sass/modules/_posts.scss */
|
||||
.post-heading .post-title:hover {
|
||||
color: #f36c3d; }
|
||||
/* line 181, ../sass/modules/_posts.scss */
|
||||
/* line 183, ../sass/modules/_posts.scss */
|
||||
.post-heading .post-domain {
|
||||
color: #b3c1c6;
|
||||
font-size: 14px;
|
||||
font-weight: normal; }
|
||||
/* line 186, ../sass/modules/_posts.scss */
|
||||
/* line 188, ../sass/modules/_posts.scss */
|
||||
.post-heading .post-category {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
|
|
@ -860,22 +863,22 @@ body.pageslide-open {
|
|||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
vertical-align: middle; }
|
||||
/* line 195, ../sass/modules/_posts.scss */
|
||||
/* line 197, ../sass/modules/_posts.scss */
|
||||
.post-heading .post-category:hover {
|
||||
background: #f36c3d;
|
||||
color: white; }
|
||||
|
||||
/* line 201, ../sass/modules/_posts.scss */
|
||||
/* line 203, ../sass/modules/_posts.scss */
|
||||
.post-meta {
|
||||
font-size: 12px;
|
||||
color: #b3c1c6;
|
||||
line-height: 1.5; }
|
||||
|
||||
/* line 206, ../sass/modules/_posts.scss */
|
||||
/* line 208, ../sass/modules/_posts.scss */
|
||||
.post-share, .post-discuss {
|
||||
margin-left: 10px;
|
||||
position: relative; }
|
||||
/* line 209, ../sass/modules/_posts.scss */
|
||||
/* line 211, ../sass/modules/_posts.scss */
|
||||
.post-share > a, .post-discuss > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
|
@ -888,31 +891,31 @@ body.pageslide-open {
|
|||
color: #b3c1c6;
|
||||
font-size: 36px;
|
||||
line-height: 50px; }
|
||||
/* line 221, ../sass/modules/_posts.scss */
|
||||
/* line 223, ../sass/modules/_posts.scss */
|
||||
.post-share > a.edit-link, .post-discuss > a.edit-link {
|
||||
color: #f36c3d; }
|
||||
/* line 224, ../sass/modules/_posts.scss */
|
||||
/* line 226, ../sass/modules/_posts.scss */
|
||||
.post-share > a.share-link, .post-discuss > a.share-link {
|
||||
color: #7ac0e4;
|
||||
color: #f8e121; }
|
||||
/* line 228, ../sass/modules/_posts.scss */
|
||||
/* line 230, ../sass/modules/_posts.scss */
|
||||
.post-share > a.discuss-link, .post-discuss > a.discuss-link {
|
||||
color: #a3d06d; }
|
||||
/* line 231, ../sass/modules/_posts.scss */
|
||||
/* line 233, ../sass/modules/_posts.scss */
|
||||
.post-share > a.more-link, .post-discuss > a.more-link {
|
||||
color: #7ac0e4; }
|
||||
/* line 235, ../sass/modules/_posts.scss */
|
||||
/* line 237, ../sass/modules/_posts.scss */
|
||||
.post-share > a:hover, .post-share > a:hover .action, .post-discuss > a:hover, .post-discuss > a:hover .action {
|
||||
color: #f36c3d; }
|
||||
/* line 239, ../sass/modules/_posts.scss */
|
||||
/* line 241, ../sass/modules/_posts.scss */
|
||||
.post-share > a.voted, .post-discuss > a.voted {
|
||||
background: #4e555d;
|
||||
color: white;
|
||||
cursor: default; }
|
||||
/* line 243, ../sass/modules/_posts.scss */
|
||||
/* line 245, ../sass/modules/_posts.scss */
|
||||
.post-share > a.voted .action, .post-discuss > a.voted .action {
|
||||
color: #fff; }
|
||||
/* line 247, ../sass/modules/_posts.scss */
|
||||
/* line 249, ../sass/modules/_posts.scss */
|
||||
.post-share > a .count, .post-discuss > a .count {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
|
|
@ -921,12 +924,12 @@ body.pageslide-open {
|
|||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 11px; }
|
||||
/* line 256, ../sass/modules/_posts.scss */
|
||||
/* line 258, ../sass/modules/_posts.scss */
|
||||
.post-share > a .points, .post-discuss > a .points {
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
line-height: 50px; }
|
||||
/* line 261, ../sass/modules/_posts.scss */
|
||||
/* line 263, ../sass/modules/_posts.scss */
|
||||
.post-share > a .action, .post-discuss > a .action {
|
||||
display: block;
|
||||
height: 20px;
|
||||
|
|
@ -939,23 +942,23 @@ body.pageslide-open {
|
|||
color: #b3c1c6;
|
||||
pointer-events: none; }
|
||||
|
||||
/* line 276, ../sass/modules/_posts.scss */
|
||||
/* line 278, ../sass/modules/_posts.scss */
|
||||
.post-message {
|
||||
padding: 20px 0px;
|
||||
font-size: 16px;
|
||||
border-top: 1px solid #e7eff2; }
|
||||
/* line 280, ../sass/modules/_posts.scss */
|
||||
/* line 282, ../sass/modules/_posts.scss */
|
||||
.list .post-message {
|
||||
display: none; }
|
||||
|
||||
/* line 285, ../sass/modules/_posts.scss */
|
||||
/* line 287, ../sass/modules/_posts.scss */
|
||||
.post.sticky {
|
||||
background: #fffce0; }
|
||||
|
||||
/* line 289, ../sass/modules/_posts.scss */
|
||||
/* line 291, ../sass/modules/_posts.scss */
|
||||
.more-button a {
|
||||
width: 100%;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background: rgba(0, 0, 0, 0.075);
|
||||
text-align: center;
|
||||
|
|
@ -963,16 +966,16 @@ body.pageslide-open {
|
|||
line-height: 70px;
|
||||
font-size: 16px;
|
||||
border-radius: 0px 0px 3px 3px; }
|
||||
/* line 299, ../sass/modules/_posts.scss */
|
||||
/* line 301, ../sass/modules/_posts.scss */
|
||||
.more-button a:hover {
|
||||
background: rgba(0, 0, 0, 0.15); }
|
||||
|
||||
/* line 310, ../sass/modules/_posts.scss */
|
||||
/* line 312, ../sass/modules/_posts.scss */
|
||||
.inner-table {
|
||||
display: table;
|
||||
height: 100%; }
|
||||
|
||||
/* line 314, ../sass/modules/_posts.scss */
|
||||
/* line 316, ../sass/modules/_posts.scss */
|
||||
.inner-table-cell {
|
||||
display: table-cell;
|
||||
vertical-align: middle; }
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue