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;
}
.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
{
width: 100%;

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

@ -34,15 +34,6 @@
}
#right
{
position: fixed;
right: 8px;
bottom: 8px;
top: 34px;
width: 300px;
grid-area: right;
display: grid;
grid-template:
"add_tag_area"
"remove_tag_area"
@ -50,8 +41,6 @@
"searchhidden_area"
"download_zip_area"
"message_area" 1fr;
background-color: var(--color_site_transparency);
}
#right > *
{
@ -137,7 +126,7 @@
<div id="photo_card_holder">
</div>
</div>
<div id="right">
<div id="right" class="sticky_side_right">
<div id="add_tag_area">
<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>

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

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