Small html/css fixes

This commit is contained in:
Mouse Reeve 2020-04-11 21:49:06 -07:00
parent ac279d7d2c
commit f2f0c979f1
4 changed files with 18 additions and 16 deletions

View file

@ -645,33 +645,38 @@ input:checked ~ .compose-suggestion {
blockquote {
white-space: pre-line;
}
blockquote .icon-quote-open, blockquote .icon-quote-close, .quote .icon-quote-open, .quote .icon-quote-close {
blockquote .icon-quote-open, blockquote .icon-quote-close, .quote blockquote:before, .quote blockquote:after {
font-size: 2rem;
margin-right: 0.5rem;
color: #888;
}
blockquote .icon-quote-open, .quote .icon-quote-close {
blockquote .icon-quote-open {
float: left;
}
.quote {
margin-bottom: 2em;
position: relative;
}
.quote .icon-quote-open, .quote .icon-quote-close {
position: absolute;
}
.quote .icon-quote-open {
top: -0.5rem;
}
.quote .icon-quote-close {
right: 0;
bottom: 1.5rem;
}
.quote blockquote {
background-color: white;
margin: 1em;
padding: 1em;
}
.quote blockquote:before, .quote blockquote:after {
font-family: 'icomoon';
position: absolute;
}
.quote blockquote:before {
content: "\e904";
top: 0;
left: 0;
}
.quote blockquote:after {
content: "\e903";
bottom: 1em;
right: 0;
}
.interaction {
background-color: #B2DBBF;

View file

@ -76,6 +76,7 @@
</div>
{% endif %}
</div>
</div>
</div>

View file

@ -12,11 +12,9 @@
<div class="covers-shelf {{ shelf.identifier }} ">
{% for book in shelf.books %}
<div class="cover-container">
<div>
<label for="book-{{ book.id }}-radio">
{% include 'snippets/book_cover.html' with book=book %}
</label>
</div>
{% include 'snippets/shelve_button.html' with book=book %}
</div>
{% endfor %}

View file

@ -42,9 +42,7 @@
{% if status.quote %}
<div class="quote">
<span class="icon icon-quote-open"></span>
<blockquote>{{ status.quote }}</blockquote>
<span class="icon icon-quote-close"></span>
<p> &mdash; {% include 'snippets/book_titleby.html' with book=status.book %}</p>
</div>