Accords-Library-Archive
/
gallery.accords-library.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

client/css: scale to device width

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 justify-content: center
align-content: flex-end align-content: flex-end
flex-wrap: wrap flex-wrap: wrap
margin: 0 -0.5em 0 -0.5em
li li
width: 20em width: 20em
margin: 0.5em margin: 0 0.5em 1em 0.5em
padding: 0.75em padding: 0.75em
vertical-align: top vertical-align: top
background: $top-nav-color background: $top-nav-color
@ -95,3 +96,9 @@
width: 3em width: 3em
height: 3em height: 3em
margin: 0 0.6em 0 0 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='pager'>
<div class='page-header-holder'></div>
<div class='pages-holder'></div> <div class='pages-holder'></div>
<div class='messages'></div> <div class='messages'></div>
</div> </div>

1
client/html/index.htm
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<meta charset='utf-8'/> <meta charset='utf-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title><!-- confiured in config file --></title> <title><!-- confiured in config file --></title>
<link href='/bundle.min.css' rel='stylesheet' type='text/css'/> <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'/> <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)); result.push('{0}={1}'.format(key, value));
} }
} }
return result.join(''); return result.join(';');
} }
function parseSearchQuery(query) { function parseSearchQuery(query) {

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

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