Leahnaya/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-09-15 01:06:08 -05:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Revamp heading levels in settings & admin pages (#38230)

Browse Source
This commit is contained in:
diondiondion
2026-03-17 11:32:24 +01:00
committed by GitHub
parent c37bc5a8a9
commit 68984de5b5
37 changed files with 88 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/mastodon/components/admin/Dimension.jsx
View File

@@ -85,7 +85,7 @@ export default class Dimension extends PureComponent {
return (
<div className='dimension'>
<h4>{label}</h4>
<h2>{label}</h2>
{content}
</div>

2
app/javascript/mastodon/components/admin/ImpactReport.jsx
View File

@@ -49,7 +49,7 @@ export default class ImpactReport extends PureComponent {
return (
<div className='dimension'>
<h4><FormattedMessage id='admin.impact_report.title' defaultMessage='Impact summary' /></h4>
<FormattedMessage id='admin.impact_report.title' defaultMessage='Impact summary' tagName="h2" />
<table>
<tbody>

2
app/javascript/mastodon/components/admin/Retention.jsx
View File

@@ -145,7 +145,7 @@ export default class Retention extends PureComponent {
return (
<div className='retention'>
<h4>{title}</h4>
<h2>{title}</h2>
{content}
</div>

2
app/javascript/mastodon/components/admin/Trends.jsx
View File

@@ -66,7 +66,7 @@ export default class Trends extends PureComponent {
return (
<div className='trends trends--compact'>
<h4><FormattedMessage id='trends.trending_now' defaultMessage='Trending now' /></h4>
<FormattedMessage id='trends.trending_now' defaultMessage='Trending now' tagName='h2' />
{content}
</div>

24
app/javascript/styles/mastodon/admin.scss
View File

@@ -268,7 +268,7 @@ $content-width: 840px;
}
}
h2 small {
h1 small {
font-size: 12px;
display: block;
font-weight: 500;
@@ -282,22 +282,16 @@ $content-width: 840px;
}
}
h2 {
:where(h1),
.heading-large {
color: var(--color-text-primary);
font-size: 24px;
line-height: 36px;
font-weight: 700;
}
h3 {
color: var(--color-text-primary);
font-size: 20px;
line-height: 28px;
font-weight: 400;
margin-bottom: 30px;
}
h4 {
:where(h2):not(.heading-medium),
.heading-small {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
@@ -307,6 +301,14 @@ $content-width: 840px;
border-top: 1px solid var(--color-border-primary);
}
.heading-medium {
color: var(--color-text-primary);
font-size: 20px;
line-height: 28px;
font-weight: 400;
margin-bottom: 30px;
}
h6 {
font-size: 16px;
color: var(--color-text-primary);