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

Let #right dominate page height, scroll the rest of tags_on_page.

Browse source
This commit is contained in:
voussoir 2020-09-29 17:49:03 -07:00
parent 9533c444a5
commit a41c843cb9
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontends/etiquette_flask/templates/search.html
View file

@ -56,16 +56,36 @@
{ {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
padding: 8px; padding: 8px;
background-color: var(--color_transparency); background-color: var(--color_transparency);
word-wrap: break-word; word-wrap: break-word;
} }
#tags_on_this_page_holder
{
/*
This allows the search results to dominate the height of the page, and
left will simply match that height then scroll the rest of
tags_on_this_page.
*/
position: relative;
flex: 1;
min-height: 200px;
overflow-y: auto;
}
#tags_on_this_page_list #tags_on_this_page_list
{ {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} }
#right #right
@ -304,6 +324,7 @@
</form> </form>
{% if total_tags %} {% if total_tags %}
<h4>Tags on this page:</h4> <h4>Tags on this page:</h4>
<div id="tags_on_this_page_holder">
<ul id="tags_on_this_page_list"> <ul id="tags_on_this_page_list">
{% for tag in total_tags %} {% for tag in total_tags %}
<li> <li>
@ -336,6 +357,7 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div>
{% endif %} {% endif %}
</div> </div>
<div id="right"> <div id="right">