diff --git a/hushline/static/css/style.css b/hushline/static/css/style.css index 62632cf6..d5f5cbc5 100644 --- a/hushline/static/css/style.css +++ b/hushline/static/css/style.css @@ -93,6 +93,10 @@ background-image: url("../img/app/icon-menu.png"); } + .icon.chevron { + background-image: url("../img/app/icon-chevron.png"); + } + .container { border: var(--border); background-color: white; @@ -645,6 +649,10 @@ .icon.verifiedURL { background-image: url("../img/app/icon-verified-dm.png"); } + + .icon.chevron { + background-image: url("../img/app/icon-chevron-dm.png"); + } } body { @@ -2087,6 +2095,8 @@ p.bio + .extra-fields { .alias-list { display: flex; flex-direction: column; + gap: 1rem; + margin-top: 1rem; } .alias-entry { @@ -2106,3 +2116,48 @@ p.bio + .extra-fields { z-index: q; content: ""; } + +#aliases form + h3 { + margin-top: 2rem; +} + +#aliases h3 { + margin-bottom: 0; +} + +.alias-entry .icon, +.icon.back { + width: 1.25rem; + height: 1.25rem; + background-size: contain; + background-repeat: no-repeat; +} + +.icon.back { + transform: rotate(180deg); + display: inline-block; + position: relative; + top: 0.175rem; +} + +.back-button { + margin-bottom: 1.5rem; + margin-top: -0.75rem; +} + +.alias-heading { + margin-bottom: 1rem; +} + +.drill-in { + display: flex; + flex-direction: column; +} + +.drill-in h3 { + margin-bottom: 0; +} + +.drill-in .checkbox-group { + margin-bottom: 0; +} diff --git a/hushline/static/img/app/icon-chevron-dm.png b/hushline/static/img/app/icon-chevron-dm.png new file mode 100644 index 00000000..69450319 Binary files /dev/null and b/hushline/static/img/app/icon-chevron-dm.png differ diff --git a/hushline/static/img/app/icon-chevron.png b/hushline/static/img/app/icon-chevron.png new file mode 100644 index 00000000..8ae37376 Binary files /dev/null and b/hushline/static/img/app/icon-chevron.png differ diff --git a/hushline/templates/settings/alias.html b/hushline/templates/settings/alias.html index f760132c..1e3425a2 100644 --- a/hushline/templates/settings/alias.html +++ b/hushline/templates/settings/alias.html @@ -3,8 +3,9 @@ {% block title %}Alias: @{{ alias.username }}{% endblock %} {% block content %} -

< Back to settings

-

Alias: @{{ alias.username }}

+
+ Back to Settings +

{{ alias.display_name or alias.username }}

{# TODO: much of this is copy/pasted from "settings/profile.html" and will need to be synced with updates there #}

Update Display Name

@@ -174,6 +175,7 @@

Extra Fields

+ {% endblock %} {% block scripts %} diff --git a/hushline/templates/settings/aliases.html b/hushline/templates/settings/aliases.html index b8683ced..874afa54 100644 --- a/hushline/templates/settings/aliases.html +++ b/hushline/templates/settings/aliases.html @@ -22,12 +22,16 @@

Current Aliases

{% for username in aliases %}
-
{% if username.display_name %}{{ username.display_name }} {% endif %}@{{ username.username }}
-
>
+
+ + {{ username.display_name or username.username }} + +
+
{% endfor %}
{% else %} -

No alises configured.

+

🙊 No alises configured.

{% endif %}