A11Y: correctly markup /about stat table headers, tweak style ()

This commit is contained in:
Kris 2023-10-02 13:55:11 -04:00 committed by GitHub
parent 24aea41d89
commit 5884176174
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 31 additions and 23 deletions
app/assets
javascripts/discourse/app/templates
stylesheets/common/base
config/locales
plugins/chat/config/locales

@ -97,14 +97,17 @@
<h3>{{d-icon "far-chart-bar"}} {{i18n "about.stats"}}</h3> <h3>{{d-icon "far-chart-bar"}} {{i18n "about.stats"}}</h3>
<table class="table"> <table class="table">
<tbody> <thead>
<tr> <tr>
<th>&nbsp;</th> <th>
</th>
<th>{{i18n "about.stat.last_day"}}</th> <th>{{i18n "about.stat.last_day"}}</th>
<th>{{i18n "about.stat.last_7_days"}}</th> <th>{{i18n "about.stat.last_7_days"}}</th>
<th>{{i18n "about.stat.last_30_days"}}</th> <th>{{i18n "about.stat.last_30_days"}}</th>
<th>{{i18n "about.stat.all_time"}}</th> <th>{{i18n "about.stat.all_time"}}</th>
</tr> </tr>
</thead>
<tbody>
<tr class="about-topic-count"> <tr class="about-topic-count">
<td class="title">{{i18n "about.topic_count"}}</td> <td class="title">{{i18n "about.topic_count"}}</td>
<td>{{number this.model.stats.topics_last_day}}</td> <td>{{number this.model.stats.topics_last_day}}</td>

@ -1,19 +1,24 @@
section.about { section.about {
margin-bottom: 40px; margin-bottom: 3em;
h3 { h3 {
margin-bottom: 15px; margin-bottom: 1em;
display: flex;
align-items: center;
.d-icon {
margin-right: 0.5em;
color: var(--primary-high);
}
} }
table { &.stats {
width: auto; table {
td {
td { padding: 0.67em;
padding: 10px; &:not(:first-child) {
} text-align: center;
}
td.title { }
width: 33%;
} }
} }
} }

@ -317,16 +317,16 @@ en:
our_moderators: "Our Moderators" our_moderators: "Our Moderators"
moderators: "Moderators" moderators: "Moderators"
stat: stat:
all_time: "All Time" all_time: "All time"
last_day: "Last 24 hours" last_day: "24 hours"
last_7_days: "Last 7 days" last_7_days: "7 days"
last_30_days: "Last 30 days" last_30_days: "30 days"
like_count: "Likes" like_count: "Likes"
topic_count: "Topics" topic_count: "Topics"
post_count: "Posts" post_count: "Posts"
user_count: "Sign-Ups" user_count: "Sign-ups"
active_user_count: "Active Users" active_user_count: "Active users"
contact: "Contact Us" contact: "Contact us"
contact_info: "In the event of a critical issue or urgent matter affecting this site, please contact us at %{contact_info}." contact_info: "In the event of a critical issue or urgent matter affecting this site, please contact us at %{contact_info}."
bookmarked: bookmarked:

@ -24,9 +24,9 @@ en:
name: "Chat message event" name: "Chat message event"
details: "When a chat message is created, edited, trashed or restored." details: "When a chat message is created, edited, trashed or restored."
about: about:
chat_messages_count: "Chat Messages" chat_messages_count: "Chat messages"
chat_channels_count: "Chat Channels" chat_channels_count: "Chat channels"
chat_users_count: "Chat Users" chat_users_count: "Chat users"
chat: chat:
deleted_chat_username: deleted deleted_chat_username: deleted