LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

adjusted /popular for smaller screens

Browse source
This commit is contained in:
bill bittner 2017-10-19 09:18:40 -07:00
parent d21cb018cc
commit 020cafa426
4 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
helpers/handlebarsHelpers.js
View file

@ -51,7 +51,7 @@ module.exports = {
} }
}, },
addTwitterCard (mimeType, source, embedUrl, directFileUrl) { addTwitterCard (mimeType, source, embedUrl, directFileUrl) {
let basicTwitterTags = `<meta name="twitter:site" content="@speechch" >`; let basicTwitterTags = `<meta name="twitter:site" content="@spee_ch" >`;
if (mimeType === 'video/mp4') { if (mimeType === 'video/mp4') {
return new Handlebars.SafeString( return new Handlebars.SafeString(
`${basicTwitterTags} <meta name="twitter:card" content="player" > `${basicTwitterTags} <meta name="twitter:card" content="player" >

2
public/assets/css/general.css
View file

@ -529,7 +529,7 @@ table {
/* ---- grid items ---- */ /* ---- grid items ---- */
.grid-item { .grid-item {
width: calc(31% - 2rem); width: calc(33% - 2rem);
padding: 0px; padding: 0px;
margin: 1rem; margin: 1rem;
float: left; float: left;

8
public/assets/css/mediaQueries.css
View file

@ -61,7 +61,6 @@
#publish-active-area > .row, #publish-details > .row, #channel-login-form > .row, #publish-channel-form > .row { #publish-active-area > .row, #publish-details > .row, #channel-login-form > .row, #publish-channel-form > .row {
padding: 1em 0px 1em 0px; padding: 1em 0px 1em 0px;
} }
} }
@media (max-width: 450px) { @media (max-width: 450px) {
@ -74,6 +73,13 @@
font-size: medium; font-size: medium;
} }
.grid-item {
width: 100%;
float: none;
padding-bottom: 2rem;
margin: 0px;
}
} }
@media (max-width: 360px) { @media (max-width: 360px) {

14
views/popular.handlebars
View file

@ -1,7 +1,9 @@
<div class="row row--narrow grid"> <div class="row row--narrow">
{{#each trendingAssets}} <div class="grid">
{{> gridItem}} {{#each trendingAssets}}
{{/each}} {{> gridItem}}
{{/each}}
</div>
</div> </div>
<script src="/assets/vendors/masonry/masonry.pkgd.min.js"></script> <script src="/assets/vendors/masonry/masonry.pkgd.min.js"></script>
@ -19,8 +21,4 @@
}); });
}); });
// init with selector
// var msnry = new Masonry( '.grid', {
// // options...
// });
</script> </script>