Use more class=panel throughout ui.

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

View file

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

View file

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

View file

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

View file

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