Minor html and style fixes.

Applied wrapping to the description <pre>s,
removed some css that referred to nonexistent things,
move some element tags inside the {%if%} that fills the contents.
This commit is contained in:
voussoir 2018-08-17 22:05:16 -07:00
parent f28e362c58
commit 8fdbd49f70
4 changed files with 35 additions and 24 deletions

View file

@ -23,6 +23,12 @@ body
background-color: var(--color_site_theme);
}
pre
{
white-space: pre-line;
}
#header
{
display: grid;

View file

@ -26,10 +26,8 @@ p
/* overriding common.css here */
display: block;
}
#title_editor,
#description_editor
#album_metadata
{
width: 100%;
max-width: 800px;
}
#description_text
@ -38,10 +36,6 @@ p
padding: 8px;
background-color: rgba(0, 0, 0, 0.1);
}
#description_editor textarea
{
width: 100%;
}
</style>
</head>
@ -49,6 +43,7 @@ p
<body>
{{header.make_header(session=session)}}
<div id="content_body">
<div id="album_metadata">
<h2>
<span
id="title_text"
@ -68,6 +63,7 @@ p
>
{{-album.description-}}
</pre>
</div>
<ul>
{% set viewparam = "?view=list" if view == "list" else "" %}
@ -112,24 +108,24 @@ p
</ul>
{% endif %}
<p>
{% set has_local_photos = photos|length > 0 %}
{% set has_child_photos = album.has_any_subalbum_photo() %}
{% if has_local_photos or has_child_photos %}
<p>
Download:
{% if has_local_photos %}
<a href="/album/{{album.id}}.zip?recursive=no">
These files ({{album.sum_bytes(recurse=False)|bytestring }})
</a>
{% if has_child_photos %}&mdash;{% endif %}
{% endif %}
{% if has_local_photos and has_child_photos %}&mdash;{% endif %}
{% if has_child_photos %}
<a href="/album/{{album.id}}.zip?recursive=yes">
Include children ({{album.sum_bytes(recurse=True)|bytestring }})
</a>
{% endif %}
{% endif %}
</p>
{% endif %}
{{clipboard_tray.clipboard_tray()}}
</div>
</body>

View file

@ -33,6 +33,10 @@ body
word-break: break-word;
grid-area: left;
}
#tag_metadata
{
max-width: 800px;
}
#right
{
position: fixed;
@ -101,6 +105,7 @@ body
{{header.make_header(session=session)}}
<div id="left">
{% if specific_tag %}
<div id="tag_metadata">
<h2>
<span
id="name_text"
@ -118,7 +123,10 @@ body
>
{{-specific_tag.description-}}
</pre>
</div>
{% set parents = specific_tag.get_parents() %}
{% if parents %}
<ul>
{% for ancestor in specific_tag.get_parents() %}
<li>
@ -126,6 +134,7 @@ body
{{tag_object.tag_object(ancestor, innertext=ancestor.name, link=none, with_alt_description=True)}}
</li>
{% endfor %}
{% endif %}
</ul>
{% endif %}
<ul>

View file

@ -2,7 +2,7 @@
<html>
<head>
{% import "header.html" as header %}
<title>User {{user.display_name}}</title>
<title>{{user.display_name}}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/static/css/common.css">
@ -22,7 +22,7 @@
<div id="content_body">
<h2>{{user.display_name}}</h2>
<p>ID: {{user.id}}</p>
<p title="{{user.created|int|timestamp_to_8601}}">User since {{user.created|timestamp_to_naturaldate}}.</p>
<p>User since <span title="{{user.created|int|timestamp_to_8601}}">{{user.created|timestamp_to_naturaldate}}.</span></p>
<p><a href="/search?author={{user.username}}">Photos by {{user.display_name}}</a></p>
</div>
</body>