Tweaks css on compose popout

This commit is contained in:
Mouse Reeve 2020-04-08 10:49:20 -07:00
parent a88cf2b6dd
commit 1ebd6d5049
2 changed files with 4 additions and 1 deletions

View file

@ -550,6 +550,9 @@ dd {
} }
.compose-suggestion { .compose-suggestion {
display: none; display: none;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
padding-bottom: 1em;
margin-top: 2em;
} }
input:checked ~ .compose-suggestion { input:checked ~ .compose-suggestion {
display: block; display: block;

View file

@ -28,7 +28,7 @@
{% for shelf in shelves %} {% for shelf in shelves %}
{% for book in shelf.books %} {% for book in shelf.books %}
<div class="content-container compose-popout"> <div class="compose-popout">
<input name="book-popout" type="radio" id="book-{{ book.id }}-radio"></input> <input name="book-popout" type="radio" id="book-{{ book.id }}-radio"></input>
<div class="compose-suggestion" id="compose-book-{{ book.id }}"> <div class="compose-suggestion" id="compose-book-{{ book.id }}">
<label class="close icon icon-close" for="book-{{ book.id }}-radio-close" onclick="hide_element(this)"> <label class="close icon icon-close" for="book-{{ book.id }}-radio-close" onclick="hide_element(this)">