diff --git a/snikket_web/scss/app.scss b/snikket_web/scss/app.scss index a82a53b..7bea226 100644 --- a/snikket_web/scss/app.scss +++ b/snikket_web/scss/app.scss @@ -222,12 +222,19 @@ div.form { } div.form.layout-expanded { - label { + label, legend { display: block; font-weight: bold; color: $gray-200; } + fieldset { + display: block; + border: 0; + padding: 0; + margin: 0; + } + input[type="radio"] + label, input[type="checkbox"] + label { font-weight: inherit; color: inherit; @@ -264,11 +271,6 @@ div.form.layout-expanded { } } - ul[id] { - padding: $w-s1 0; - padding-left: $w-l1; - } - input[type="checkbox"], input[type="radio"] { position: absolute; z-index: -1; @@ -408,11 +410,12 @@ div.form.layout-expanded { } } -.f-ebox > ul { +fieldset > ul { /* radio group */ list-style-type: none; margin: 0; - padding: 0; + padding: $w-s1 0; + padding-left: $w-l1; > li { margin: 0; @@ -474,7 +477,7 @@ input[type="submit"], button, .button { &.primary { background: linear-gradient(0deg, $primary-500, $primary-600); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); - color: $primary-900; + color: white; border: none; /* TODO: fix vertical rhyhtm ... */ border-radius: $w-s4; @@ -780,7 +783,7 @@ body#login { /* admin area specials */ #topbar > div.admin-note { - color: $alert-500; + color: $alert-400; font-size: nth($h-sizes, 5); margin-left: $w-l1; } diff --git a/snikket_web/templates/admin_create_invite_form.html b/snikket_web/templates/admin_create_invite_form.html index 16d03ff..474b5e5 100644 --- a/snikket_web/templates/admin_create_invite_form.html +++ b/snikket_web/templates/admin_create_invite_form.html @@ -5,8 +5,10 @@

{% trans %}Create new invitation{% endtrans %}

{% trans %}Create a new invitation link to invite more users to your Snikket service by clicking the button below.{% endtrans %}

- {{ invite_form.type_.label }} - {{ invite_form.type_ }} +
{#- -#} + {{ invite_form.type_.label.text }} + {{- invite_form.type_ -}} +
{{ invite_form.lifetime.label }} diff --git a/snikket_web/templates/admin_edit_invite.html b/snikket_web/templates/admin_edit_invite.html index de4c04b..2636f91 100644 --- a/snikket_web/templates/admin_edit_invite.html +++ b/snikket_web/templates/admin_edit_invite.html @@ -12,8 +12,8 @@
{% trans %}Valid until{% endtrans %}
{{ invite.expires | format_date }}
-
{% trans %}Link{% endtrans %}
-
{% call showuri(invite.landing_page) %}{% endcall %}
+
{% trans %}{% endtrans %}
+
{% call showuri(invite.landing_page, id_="link-field") %}{% endcall %}
{% trans %}Invitation type{% endtrans %}
{% call invite_type_description(invite) %}{% endcall %}
{%- set ngroups = invite.group_ids | length -%} diff --git a/snikket_web/templates/admin_reset_user_password.html b/snikket_web/templates/admin_reset_user_password.html index ea6e0e0..6790bc4 100644 --- a/snikket_web/templates/admin_reset_user_password.html +++ b/snikket_web/templates/admin_reset_user_password.html @@ -14,8 +14,8 @@
{% trans %}Valid until{% endtrans %}
{{ reset_link.expires | format_date }}
-
{% trans %}Link{% endtrans %}
-
{% call showuri(reset_link.landing_page) %}{% endcall %}
+
{% trans %}{% endtrans %}
+
{% call showuri(reset_link.landing_page, id_="link-field") %}{% endcall %}
{%- call custom_form_button("remove_link", form.action_revoke.name, reset_link.id_, class="secondary danger") -%} diff --git a/snikket_web/templates/library.j2 b/snikket_web/templates/library.j2 index a89b8b3..e527e7e 100644 --- a/snikket_web/templates/library.j2 +++ b/snikket_web/templates/library.j2 @@ -10,11 +10,11 @@ {%- endif -%} {%- endmacro %} -{% macro showuri(uri, caller=None) %} +{% macro showuri(uri, caller=None, id_=None) %} {%- if uri is none -%} {%- else -%} -
+
{% call clipboard_button(uri, show_label=True) %}{% trans %}Copy link{% endtrans %}{% endcall %}
{%- endif -%} {% endmacro %} @@ -26,7 +26,7 @@ {% macro standard_button(icon_name, href, caller=None, class=None, onclick=None) -%} {%- set label = caller() -%} -{% call icon(icon_name) %}{% endcall %}{{ label }} +{% call icon(icon_name) %}{% endcall %}{{ label }} {%- endmacro %} {% macro form_button(icon_name, button_obj, caller=None, class=None) -%} diff --git a/snikket_web/templates/user_home.html b/snikket_web/templates/user_home.html index a8abb53..15b7a79 100644 --- a/snikket_web/templates/user_home.html +++ b/snikket_web/templates/user_home.html @@ -17,7 +17,7 @@
{{ user_info.display_name | default(user_info.username) }}
- + {% call clipboard_button(user_info.address) %}{% trans %}Copy address{% endtrans %}{% endcall %}
diff --git a/snikket_web/templates/user_passwd.html b/snikket_web/templates/user_passwd.html index c10e2b5..35b698a 100644 --- a/snikket_web/templates/user_passwd.html +++ b/snikket_web/templates/user_passwd.html @@ -5,7 +5,7 @@ {% endblock %} {% block content %}
-

{% trans %}Change your password{% endtrans %}

+

{% trans %}Change your password{% endtrans %}

{% trans %}To change your password, you need to provide the current password as well as the new one. To reduce the chance of typos, we ask for your new password twice.{% endtrans %}

{{ form.csrf_token }} {%- call render_errors(form) -%} diff --git a/snikket_web/templates/user_profile.html b/snikket_web/templates/user_profile.html index 3596c0b..2942b64 100644 --- a/snikket_web/templates/user_profile.html +++ b/snikket_web/templates/user_profile.html @@ -4,6 +4,7 @@ Snikket Web Portal {% endblock %} {% block content %} +

{% trans %}Update your profile{% endtrans %}

{% trans %}Profile{% endtrans %}

{{ form.csrf_token }} @@ -21,8 +22,10 @@

{% trans %}Visibility{% endtrans %}

{% trans %}This section allows you to control who can see your profile information, like avatar and nickname.{% endtrans %}

- {{ form.profile_access_model.label }} - {{ form.profile_access_model }} +
{#- -#} + {{ form.profile_access_model.label.text }} + {{- form.profile_access_model -}} +
{%- call standard_button("back", url_for('.index'), class="secondary") %}{% trans %}Back{% endtrans %}{% endcall -%} diff --git a/snikket_web/translations/messages.pot b/snikket_web/translations/messages.pot index 4aa8500..922eb23 100644 --- a/snikket_web/translations/messages.pot +++ b/snikket_web/translations/messages.pot @@ -8,7 +8,7 @@ msgid "" msgstr "" "Project-Id-Version: PROJECT VERSION\n" "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n" -"POT-Creation-Date: 2021-01-29 09:32+0100\n" +"POT-Creation-Date: 2021-01-29 15:58+0100\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "Last-Translator: FULL NAME \n" "Language-Team: LANGUAGE \n" @@ -398,7 +398,7 @@ msgstr "" #: snikket_web/templates/admin_reset_user_password.html:25 #: snikket_web/templates/user_logout.html:13 #: snikket_web/templates/user_passwd.html:30 -#: snikket_web/templates/user_profile.html:28 +#: snikket_web/templates/user_profile.html:31 msgid "Back" msgstr "" @@ -479,7 +479,7 @@ msgstr "" #: snikket_web/templates/admin_edit_invite.html:15 #: snikket_web/templates/admin_reset_user_password.html:17 -msgid "Link" +msgid "" msgstr "" #: snikket_web/templates/admin_edit_invite.html:22 @@ -924,6 +924,10 @@ msgstr "" msgid "Your account" msgstr "" +#: snikket_web/templates/user_home.html:20 +msgid "Your XMPP address" +msgstr "" + #: snikket_web/templates/user_home.html:31 msgid "Edit profile" msgstr "" @@ -972,15 +976,19 @@ msgid "" "all of your devices." msgstr "" -#: snikket_web/templates/user_profile.html:8 +#: snikket_web/templates/user_profile.html:7 +msgid "Update your profile" +msgstr "" + +#: snikket_web/templates/user_profile.html:9 msgid "Profile" msgstr "" -#: snikket_web/templates/user_profile.html:21 +#: snikket_web/templates/user_profile.html:22 msgid "Visibility" msgstr "" -#: snikket_web/templates/user_profile.html:22 +#: snikket_web/templates/user_profile.html:23 msgid "" "This section allows you to control who can see your profile information, " "like avatar and nickname."