voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add CSS class sticky_side_right.

Browse source
This commit is contained in:
voussoir 2018-11-04 18:32:55 -08:00
parent de48105e32
commit 98d5374d17
3 changed files with 15 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontends/etiquette_flask/static/css/common.css
View file

@ -98,6 +98,19 @@ pre
white-space: pre-line; white-space: pre-line;
} }
.sticky_side_right
{
position: fixed;
right: 8px;
bottom: 8px;
top: 34px;
width: 300px;
overflow-y: auto;
grid-area: right;
display: grid;
background-color: var(--color_site_transparency);
}
.editor_input .editor_input
{ {
width: 100%; width: 100%;

13
frontends/etiquette_flask/templates/clipboard.html
View file

@ -34,15 +34,6 @@
} }
#right #right
{ {
position: fixed;
right: 8px;
bottom: 8px;
top: 34px;
width: 300px;
grid-area: right;
display: grid;
grid-template: grid-template:
"add_tag_area" "add_tag_area"
"remove_tag_area" "remove_tag_area"
@ -50,8 +41,6 @@
"searchhidden_area" "searchhidden_area"
"download_zip_area" "download_zip_area"
"message_area" 1fr; "message_area" 1fr;
background-color: var(--color_site_transparency);
} }
#right > * #right > *
{ {
@ -137,7 +126,7 @@
<div id="photo_card_holder"> <div id="photo_card_holder">
</div> </div>
</div> </div>
<div id="right"> <div id="right" class="sticky_side_right">
<div id="add_tag_area"> <div id="add_tag_area">
<input type="text" id="add_tag_textbox" list="tag_autocomplete_datalist"> <input type="text" id="add_tag_textbox" list="tag_autocomplete_datalist">
<button class="add_tag_button green_button" id="add_tag_button" onclick="add_tag_form();">Add tag</button> <button class="add_tag_button green_button" id="add_tag_button" onclick="add_tag_form();">Add tag</button>

12
frontends/etiquette_flask/templates/tags.html
View file

@ -37,19 +37,9 @@
} }
#right #right
{ {
position: fixed;
right: 8px;
bottom: 8px;
top: 34px;
width: 300px;
grid-area: right;
display: grid;
grid-template: grid-template:
"editor_area" 1fr "editor_area" 1fr
"message_area" 1fr; "message_area" 1fr;
background-color: var(--color_site_transparency);
} }
#editor_area #editor_area
{ {
@ -188,7 +178,7 @@
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
<div id="right"> <div id="right" class="sticky_side_right">
<div id="editor_area"> <div id="editor_area">
<input type="text" id="add_tag_textbox" autofocus> <input type="text" id="add_tag_textbox" autofocus>
<button class="add_tag_button green_button" id="add_tag_button" onclick="easybake_form();">bake</button> <button class="add_tag_button green_button" id="add_tag_button" onclick="easybake_form();">bake</button>