snuffster/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

client/css: scale to device width

Browse source
This commit is contained in:
rr- 2016-04-14 12:11:49 +02:00
parent a83a896dde
commit 905faf3721
5 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
client/css/users.styl
View file

@ -79,9 +79,10 @@
justify-content: center
align-content: flex-end
flex-wrap: wrap
margin: 0 -0.5em 0 -0.5em
li
width: 20em
margin: 0.5em
margin: 0 0.5em 1em 0.5em
padding: 0.75em
vertical-align: top
background: $top-nav-color
@ -95,3 +96,9 @@
width: 3em
height: 3em
margin: 0 0.6em 0 0
.user-list-header
text-align: left
form
max-width: auto
input[name=search-text]
max-width: 15em

1
client/html/endless_pager.hbs
View file

@ -1,4 +1,5 @@
<div class='pager'>
<div class='page-header-holder'></div>
<div class='pages-holder'></div>
<div class='messages'></div>
</div>

1
client/html/index.htm
View file

@ -2,6 +2,7 @@
<html>
<head>
<meta charset='utf-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title><!-- confiured in config file --></title>
<link href='/bundle.min.css' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

2
client/js/util/misc.js
View file

@ -60,7 +60,7 @@ function formatSearchQuery(dict) {
result.push('{0}={1}'.format(key, value));
}
}
return result.join('');
return result.join(';');
}
function parseSearchQuery(query) {

5
client/js/views/endless_page_view.js
View file

@ -14,10 +14,15 @@ class EndlessPageView {
render(ctx) {
const target = document.getElementById('content-holder');
const source = this.holderTemplate();
const pageHeaderHolder = source.querySelector('.page-header-holder');
const pagesHolder = source.querySelector('.pages-holder');
views.listenToMessages(target);
views.showView(target, source);
let headerRendererCtx = ctx;
headerRendererCtx.target = pageHeaderHolder;
ctx.headerRenderer.render(headerRendererCtx);
const threshold = window.innerHeight / 3;
if (ctx.state && ctx.state.html) {