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

Use more class=panel throughout ui.

Browse source
This commit is contained in:
voussoir 2020-11-03 16:25:04 -08:00
parent 615242c680
commit 41b03f46b9
4 changed files with 11 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontends/etiquette_flask/templates/album.html
View file

@ -29,8 +29,6 @@ h2, h3
display: grid; display: grid;
grid-row-gap: 8px; grid-row-gap: 8px;
grid-auto-rows: min-content; grid-auto-rows: min-content;
padding: 8px;
background-color: var(--color_transparency);
} }
#right > * #right > *
@ -101,7 +99,7 @@ h2, h3
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div id="right"> <div id="right" class="panel">
{% if view != "list" %} {% if view != "list" %}
<a href="?view=list">List view</a> <a href="?view=list">List view</a>
{% else %} {% else %}
@ -153,7 +151,7 @@ const ALBUM_ID = undefined;
<body> <body>
{{header.make_header(session=session)}} {{header.make_header(session=session)}}
<div id="content_body" class="sticky_side_right sticky_bottom_right"> <div id="content_body" class="sticky_side_right sticky_bottom_right">
<div id="right"> <div id="right" class="panel">
{% if view != "list" %} {% if view != "list" %}
<a href="?view=list">List view</a> <a href="?view=list">List view</a>
{% else %} {% else %}

7
frontends/etiquette_flask/templates/photo.html
View file

@ -30,13 +30,10 @@
/1fr; /1fr;
min-height: min-content; min-height: min-content;
background-color: var(--color_transparency);
} }
#editor_area #editor_area
{ {
grid-area: editor_area; grid-area: editor_area;
padding: 8px;
word-wrap: break-word; word-wrap: break-word;
} }
#before_after_links #before_after_links
@ -48,7 +45,7 @@
{ {
grid-area: message_area; grid-area: message_area;
min-height: 30px; min-height: 30px;
margin: 8px; margin-top: 8px;
} }
#photo_viewer #photo_viewer
{ {
@ -145,7 +142,7 @@
<body> <body>
{{header.make_header(session=session)}} {{header.make_header(session=session)}}
<div id="content_body"> <div id="content_body">
<div id="left"> <div id="left" class="panel">
<div id="editor_area"> <div id="editor_area">
<h3 id="photo_filename">{{photo.basename}}</h3> <h3 id="photo_filename">{{photo.basename}}</h3>

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

@ -59,10 +59,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 8px;
background-color: var(--color_transparency);
word-wrap: break-word; word-wrap: break-word;
} }
#tags_on_this_page_holder #tags_on_this_page_holder
@ -193,7 +189,7 @@
<body> <body>
{{header.make_header(session=session)}} {{header.make_header(session=session)}}
<div id="content_body"> <div id="content_body">
<div id="left"> <div id="left" class="panel">
{% for tagtype in ["musts", "mays", "forbids"] %} {% for tagtype in ["musts", "mays", "forbids"] %}
<div id="search_builder_{{tagtype}}" {% if search_kwargs["tag_expression"]%}class="hidden"{%endif%}> <div id="search_builder_{{tagtype}}" {% if search_kwargs["tag_expression"]%}class="hidden"{%endif%}>
<span>Tag {{tagtype}}:</span> <span>Tag {{tagtype}}:</span>
@ -361,7 +357,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
<div id="right"> <div id="right" class="panel">
<div id="error_message_area"> <div id="error_message_area">
{% for warning in warnings %} {% for warning in warnings %}
<p class="error_message">{{warning}}</p> <p class="error_message">{{warning}}</p>

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

@ -30,12 +30,6 @@ h2, h3
grid-row-gap: 30px; grid-row-gap: 30px;
grid-auto-rows: max-content; grid-auto-rows: max-content;
} }
#left > *
{
background-color: var(--color_transparency);
padding: 8px;
border-radius: 5px;
}
#tag_metadata h2 .editor_input #tag_metadata h2 .editor_input
{ {
font-size: inherit; font-size: inherit;
@ -53,8 +47,6 @@ h2, h3
#right #right
{ {
display: grid; display: grid;
padding: 8px;
background-color: var(--color_transparency);
} }
#editor_area #editor_area
{ {
@ -91,7 +83,7 @@ h2, h3
<body> <body>
{{header.make_header(session=session)}} {{header.make_header(session=session)}}
<div id="content_body" class="sticky_side_right sticky_bottom_right"> <div id="content_body" class="sticky_side_right sticky_bottom_right">
<div id="right"> <div id="right" class="panel">
<div id="editor_area"> <div id="editor_area">
<input type="text" id="add_tag_textbox" class="entry_with_history entry_with_tagname_replacements" autofocus> <input type="text" id="add_tag_textbox" class="entry_with_history entry_with_tagname_replacements" autofocus>
<button class="add_tag_button green_button" id="add_tag_button" onclick="return easybake_form();">bake</button> <button class="add_tag_button green_button" id="add_tag_button" onclick="return easybake_form();">bake</button>
@ -101,7 +93,7 @@ h2, h3
</div> </div>
<div id="left"> <div id="left">
{% if specific_tag %} {% if specific_tag %}
<div id="hierarchy_self"> <div id="hierarchy_self" class="panel">
<div id="tag_metadata"> <div id="tag_metadata">
<h2>{{tag_object.tag_object( <h2>{{tag_object.tag_object(
specific_tag, specific_tag,
@ -136,7 +128,7 @@ h2, h3
{% set parents = specific_tag.get_parents() %} {% set parents = specific_tag.get_parents() %}
{% if parents %} {% if parents %}
<div id="hierarchy_parents"> <div id="hierarchy_parents" class="panel">
<h3>{{parents|length}} Parents</h3> <h3>{{parents|length}} Parents</h3>
<ul id="parent_list"> <ul id="parent_list">
{% for ancestor in specific_tag.get_parents() %} {% for ancestor in specific_tag.get_parents() %}
@ -152,7 +144,7 @@ h2, h3
{% endif %} <!-- if specific tag --> {% endif %} <!-- if specific tag -->
{% if tags or not specific_tag %} {% if tags or not specific_tag %}
<div id="hierarchy_tags"> <div id="hierarchy_tags" class="panel">
{% if specific_tag %} {% if specific_tag %}
<h3>{{tag_count}} Descendants</h3> <h3>{{tag_count}} Descendants</h3>
{% else %} {% else %}
@ -219,7 +211,7 @@ h2, h3
{% if specific_tag and include_synonyms %} {% if specific_tag and include_synonyms %}
{% set synonyms = specific_tag.get_synonyms() %} {% set synonyms = specific_tag.get_synonyms() %}
{% if synonyms %} {% if synonyms %}
<div id="hierarchy_synonyms"> <div id="hierarchy_synonyms" class="panel">
<h3>{{synonyms|length}} Synonyms</h3> <h3>{{synonyms|length}} Synonyms</h3>
<ul> <ul>
{% for synonym in synonyms %} {% for synonym in synonyms %}