jeena/woodwind
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

update styling for mobile

Browse source
This commit is contained in:
Kyle Mahan 2015-01-30 01:57:49 +00:00
parent 166b88a7ce
commit 8dd5b2ea1a
4 changed files with 26 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
woodwind/static/style.css
View file

@ -356,8 +356,6 @@ td,
th { th {
padding: 0; } padding: 0; }
/*$body-font: Georgia, Times New Roman, serif;*/
/* Subtlety of Hue */
body { body {
font: 12pt Helvetica, Arial, sans-serif; font: 12pt Helvetica, Arial, sans-serif;
background: #ECEBF0; } background: #ECEBF0; }
@ -404,7 +402,7 @@ article {
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; } font-weight: bold; }
@media screen and (max-width: 640px) { @media only screen and (max-width: 800px) {
article header img { article header img {
vertical-align: text-middle; vertical-align: text-middle;
margin: inherit; margin: inherit;

2
woodwind/static/style.scss
View file

@ -79,7 +79,7 @@ article {
} }
} }
@media screen and (max-width: 640px) { @media only screen and (max-width: 800px) {
article { article {
header { header {
img { img {

1
woodwind/templates/base.jinja2
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">
<title></title> <title></title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/>
{% block head %}{% endblock %} {% block head %}{% endblock %}

22
woodwind/templates/feed.jinja2
View file

@ -4,18 +4,26 @@
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script> <script>
function attachListener() { function attachListeners() {
$("#older-link").click(function(evt) { $("#older-link").click(function(evt) {
evt.preventDefault(); evt.preventDefault();
$.get(this.href, function(result) { $.get(this.href, function(result) {
$(".pager").replaceWith( $(".pager").replaceWith(
$("article,.pager", $(result))); $("article,.pager", $(result)));
attachListener(); attachListeners();
}); });
}); });
$(".reply-form").css('display', 'none');
$(".show-reply-form").click(function(evt) {
var a = $(this);
evt.preventDefault();
$(".reply-form", a.parent()).css('display', 'inherit');
a.css('display', 'none');
});
} }
$(attachListener); $(attachListeners);
</script> </script>
@ -60,15 +68,17 @@ $(attachListener);
<input type="hidden" name="like-of" value="{{ entry.permalink }}"/> <input type="hidden" name="like-of" value="{{ entry.permalink }}"/>
<button type="submit">Like</button> <button type="submit">Like</button>
</form> </form>
<!--
<form action="{{ current_user.micropub_endpoint }}" method="POST"> <a href="#" class="show-reply-form">Reply</a>
<form class="reply-form" action="{{ current_user.micropub_endpoint }}" method="POST">
<input type="hidden" name="access_token" value="{{current_user.access_token}}"/> <input type="hidden" name="access_token" value="{{current_user.access_token}}"/>
<input type="hidden" name="h" value="entry"/> <input type="hidden" name="h" value="entry"/>
<input type="hidden" name="in-reply-to" value="{{ entry.permalink }}"/> <input type="hidden" name="in-reply-to" value="{{ entry.permalink }}"/>
<textarea name="content"></textarea> <textarea name="content"></textarea>
<button type="submit">Reply</button> <button type="submit">Reply</button>
</form> </form>
-->
</footer> </footer>
</article> </article>
{% endfor %} {% endfor %}