yul
/
bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

styles

This commit is contained in:
Mouse Reeve 2020-01-29 12:53:12 -08:00
parent 7882bfe1ef
commit 668e714c31
2 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
fedireads/static/format.css
View File

@ -8,22 +8,20 @@
} }
h1 { h1 {
font-size: 1.2rem; font-size: 1.5rem;
} }
h2 { h2 {
font-size: 1rem; font-size: 1rem;
background-color: #F3FFBD; background-color: #B2DBBF;
padding: 0.5rem 0.2rem; padding: 0.5rem 0.2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
#main, header > div { #top-bar {
margin: 0 auto; background-color: #70C1B3;
display: flex; overflow: hidden;
flex-direction: row; padding: 0.5rem;
max-width: 75rem;
width: 100%;
} }
#branding, #actions { #branding, #actions {
@ -31,6 +29,7 @@ h2 {
} }
#branding { #branding {
flex-grow: 1; flex-grow: 1;
font-size: 2rem;
} }
#branding a { #branding a {
text-decoration: none; text-decoration: none;
@ -41,30 +40,26 @@ h2 {
text-align: right; text-align: right;
} }
#top-bar { #main, header > div {
background-color: #B2DBBF; margin: 0 auto;
overflow: hidden;
padding: 0.5rem;
}
#branding {
font-size: 2em;
}
#sidebar {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
min-width: 20rem; max-width: 75rem;
width: 100%;
} }
#feed, #content { #feed, #content, #sidebar {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
} }
#sidebar {
min-width: 20rem;
}
.user-pic { .user-pic {
width: 2em; width: 2rem;
height: auto; height: auto;
border-radius: 50%; border-radius: 50%;
vertical-align: middle; vertical-align: middle;
@ -72,12 +67,12 @@ h2 {
.book-preview { .book-preview {
overflow: auto; overflow: auto;
margin-bottom: 1em;
} }
.book-preview img { .book-preview img {
float: left; float: left;
margin-right: 0.5em; margin-right: 1em;
margin-bottom: 1em;
} }
.book-cover.small { .book-cover.small {
@ -87,10 +82,13 @@ h2 {
#content > div, #feed > div, #sidebar > div { #content > div, #feed > div, #sidebar > div {
background-color: #EFEFEF; background-color: #EFEFEF;
margin: 1rem 0 1rem 1rem; margin: 1rem 0 0 1rem;
}
#content > div > *, #feed > div > *, #sidebar > div > * {
padding: 1rem; padding: 1rem;
} }
.review-form textarea { .review-form textarea {
width: 30rem; width: 30rem;
height: 10rem; height: 10rem;
@ -106,3 +104,9 @@ small {
blockquote { blockquote {
white-space: pre-wrap; white-space: pre-wrap;
} }
.interaction {
background-color: #F3FFBD;
clear: both;
margin-top: 1rem;
}

5
fedireads/templates/feed.html
View File

@ -12,6 +12,7 @@
<p class="title"><a href="{{ book.openlibrary_key }}">{{ book.data.title }}</a></p> <p class="title"><a href="{{ book.openlibrary_key }}">{{ book.data.title }}</a></p>
<p>by <a href="" class="author">{{ book.authors.first.data.name }}</a></p> <p>by <a href="" class="author">{{ book.authors.first.data.name }}</a></p>
<form name="shelve" action="/shelve/{{ user.localname }}_currently-reading/{{ book.id }}" method="post"> <form name="shelve" action="/shelve/{{ user.localname }}_currently-reading/{{ book.id }}" method="post">
{% csrf_token %}
<input type="hidden" name="book" value="book.id"></input> <input type="hidden" name="book" value="book.id"></input>
<button type="submit">Start reading</button> <button type="submit">Start reading</button>
</form> </form>
@ -25,6 +26,7 @@
<p class="title"><a href="{{ book.openlibrary_key }}">{{ book.data.title }}</a></p> <p class="title"><a href="{{ book.openlibrary_key }}">{{ book.data.title }}</a></p>
<p>by <a href="" class="author">{{ book.authors.first.data.name }}</a></p> <p>by <a href="" class="author">{{ book.authors.first.data.name }}</a></p>
<form name="shelve" action="/shelve/{{ user.localname }}_read/{{ book.id }}" method="post"> <form name="shelve" action="/shelve/{{ user.localname }}_read/{{ book.id }}" method="post">
{% csrf_token %}
<input type="hidden" name="book" value="book.id"></input> <input type="hidden" name="book" value="book.id"></input>
<button type="submit">I'm done!</button> <button type="submit">I'm done!</button>
</form> </form>
@ -45,6 +47,7 @@
</p> </p>
{% if not book in user_books.all %} {% if not book in user_books.all %}
<form name="shelve" action="/shelve/{{ user.localname }}_to-read/{{ book.id }}" method="post"> <form name="shelve" action="/shelve/{{ user.localname }}_to-read/{{ book.id }}" method="post">
{% csrf_token %}
<input type="hidden" name="book" value="book.id"></input> <input type="hidden" name="book" value="book.id"></input>
<button type="submit">Want to read</button> <button type="submit">Want to read</button>
</form> </form>
@ -85,6 +88,7 @@
<blockquote>{{ activity.book.data.description }}</blockquote> <blockquote>{{ activity.book.data.description }}</blockquote>
</p> </p>
</div> </div>
<div class="interaction"><button>⭐️ Like</button></div>
{% elif activity.fedireads_type == 'Review' %} {% elif activity.fedireads_type == 'Review' %}
{# display a review #} {# display a review #}
reviewed {{ activity.book.data.title }} reviewed {{ activity.book.data.title }}
@ -102,6 +106,7 @@
<p>{{ activity.rating }} stars</p> <p>{{ activity.rating }} stars</p>
<p>{{ activity.review_content }}</p> <p>{{ activity.review_content }}</p>
</div> </div>
<div class="interaction"><button>⭐️ Like</button></div>
{% elif activity.activity_type == 'Follow' %} {% elif activity.activity_type == 'Follow' %}
started following someone started following someone
</h2> </h2>