diff --git a/frontend/static/css/account.css b/frontend/static/css/account.css index fec81f3..3f5b511 100644 --- a/frontend/static/css/account.css +++ b/frontend/static/css/account.css @@ -2,15 +2,6 @@ max-width: 25rem; } -.account-card .btn.btn-secondary { - color: var(--primary); -} - -.account-card .btn.btn-secondary:hover { - background: color-mix(in srgb, var(--primary) 8%, transparent); - border-color: var(--primary); -} - .account-footer { margin-top: var(--spacing-lg); text-align: center; diff --git a/frontend/static/css/article.css b/frontend/static/css/article.css index e072039..c5f68de 100644 --- a/frontend/static/css/article.css +++ b/frontend/static/css/article.css @@ -788,7 +788,9 @@ a.comment-author:hover { } .comment-edit-toggle:hover { - text-decoration: underline; + background: color-mix(in srgb, var(--primary) 10%, transparent); + border-radius: var(--radius-xs); + filter: brightness(1.1); } .comment-delete-btn { diff --git a/frontend/static/css/base.css b/frontend/static/css/base.css index 342c381..afb5860 100644 --- a/frontend/static/css/base.css +++ b/frontend/static/css/base.css @@ -509,6 +509,10 @@ button:hover, z-index: var(--z-base); } +.btn:hover:not(.btn-secondary):not(.btn-danger) { + color: var(--on-primary); +} + .btn-secondary { background: transparent; border: 1px solid var(--outline); @@ -516,6 +520,7 @@ button:hover, } .btn-secondary:hover { + background: color-mix(in srgb, var(--primary) 8%, transparent); border-color: var(--primary); filter: brightness(1.15); } @@ -654,13 +659,6 @@ a:focus-visible { font-size: var(--font-body-base); box-shadow: none; } -.btn-dialog.btn-secondary { - color: var(--primary); -} -.btn-dialog.btn-secondary:hover { - background: color-mix(in srgb, var(--primary) 8%, transparent); - border-color: var(--primary); -} .btn-dialog.btn-primary { border-color: var(--primary); } diff --git a/frontend/static/css/profile.css b/frontend/static/css/profile.css index ed4f2f7..2c0b0a9 100644 --- a/frontend/static/css/profile.css +++ b/frontend/static/css/profile.css @@ -30,18 +30,15 @@ border-radius: var(--radius-full); } -#upload-avatar-btn { - margin-bottom: var(--spacing-sm); -} - -.remove-avatar-form { - display: inline-block; +.avatar-actions { + display: flex; + justify-content: center; + gap: var(--spacing-sm); margin-bottom: var(--spacing-sm); } - #upload-avatar-btn, .remove-avatar-form .btn-sm { - min-width: 8rem; + min-width: 12rem; } .role-badge { @@ -95,6 +92,7 @@ margin-top: var(--spacing-lg); } +.profile-actions .btn, .profile-actions .btn-secondary, .profile-actions .btn-danger { padding: var(--spacing-xs) var(--spacing-md); @@ -119,6 +117,9 @@ font-family: var(--font-mono); text-transform: uppercase; padding: 0; + display: inline-flex; + align-items: center; + transform: translateY(1px); } .email-edit-btn:hover { @@ -127,7 +128,7 @@ filter: brightness(1.1); } -@media (max-width: 22.5em) { +@media (max-width: 37em) { .profile-card { padding: var(--spacing-md); } @@ -153,15 +154,18 @@ flex-shrink: 0; } - .profile-actions { + .avatar-actions { flex-direction: column; align-items: stretch; width: fit-content; - margin-left: auto; - margin-right: auto; + margin: 0 auto var(--spacing-sm); } - .profile-actions .btn { - width: 100%; + + .profile-actions { + flex-direction: column; + align-items: stretch; + width: fit-content; + margin: 0 auto; } } diff --git a/frontend/static/scripts/comment-reply.js b/frontend/static/scripts/comment-reply.js index 7fd80e5..f9b8472 100644 --- a/frontend/static/scripts/comment-reply.js +++ b/frontend/static/scripts/comment-reply.js @@ -72,7 +72,7 @@ document.getElementById('comment-form-title').textContent = _t('Editing comment'); restoreButtonText(); - editToggle.textContent = _t('Cancel'); + editToggle.textContent = _t('[Cancel]'); activeMode.type = 'edit'; activeMode.commentId = commentId; activeMode.button = editToggle; diff --git a/frontend/templates/article_detail.html b/frontend/templates/article_detail.html index ac0d0b6..d0ebe9d 100644 --- a/frontend/templates/article_detail.html +++ b/frontend/templates/article_detail.html @@ -75,8 +75,8 @@

{{ article.article_title }}

{% if current_user and (current_user.account_id == article.article_author_id or current_user.account_role == 'admin') %} - {{ _('Edit') }} - {{ _('Delete') }} + {{ _('Edit') }} + {{ _('Delete') }}
- +
diff --git a/frontend/templates/profile.html b/frontend/templates/profile.html index 7b5a304..951ed28 100644 --- a/frontend/templates/profile.html +++ b/frontend/templates/profile.html @@ -18,14 +18,16 @@ {% endif %} {% if is_own_profile %} - - - {% if user.avatar_file_id %} -
- - -
- {% endif %} +
+ + + {% if user.avatar_file_id %} +
+ + +
+ {% endif %} +
{% endif %}

{{ user.account_username }}

@@ -121,7 +123,7 @@ {% if is_own_profile %}
{% if current_user.account_role == 'admin' %} - {{ _('Manage Users') }} + {{ _('Manage Users') }} {% endif %}
diff --git a/frontend/templates/registration.html b/frontend/templates/registration.html index 104cfb1..b294a6c 100644 --- a/frontend/templates/registration.html +++ b/frontend/templates/registration.html @@ -38,7 +38,7 @@

{{ _('Join DevJournal') }}

- +
diff --git a/translations/fr/LC_MESSAGES/messages.mo b/translations/fr/LC_MESSAGES/messages.mo index 0aaf385..96e523b 100644 Binary files a/translations/fr/LC_MESSAGES/messages.mo and b/translations/fr/LC_MESSAGES/messages.mo differ diff --git a/translations/fr/LC_MESSAGES/messages.po b/translations/fr/LC_MESSAGES/messages.po index 4404908..4fd1442 100644 --- a/translations/fr/LC_MESSAGES/messages.po +++ b/translations/fr/LC_MESSAGES/messages.po @@ -307,6 +307,10 @@ msgstr "Publier le commentaire" msgid "Cancel" msgstr "Annuler" +#: frontend/templates/article_detail.html:239 +msgid "[Cancel]" +msgstr "[Annuler]" + #: frontend/templates/article_detail.html:209 #, python-format msgid ""