Leahnaya/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-10-02 09:59:34 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Accessibility] Fix heading level gaps (#39149)

Browse Source
This commit is contained in:
diondiondion
2026-05-22 17:06:59 +02:00
committed by GitHub
parent 28849e433a
commit 6a4d14b178
12 changed files with 61 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
app/javascript/styles/mastodon/components.scss
View File

@@ -3764,16 +3764,6 @@ a.account__display-name {
margin-bottom: 12px;
}
.getting-started__trends h4 {
padding: 10px 12px;
padding-inline-start: 16px;
}
.getting-started__trends .trends__item {
padding: 10px 12px;
padding-inline-start: 16px;
}
@media screen and (height <= 930px) {
&__portal .trends__item:nth-child(n + 5) {
display: none;
@@ -4140,25 +4130,30 @@ a.account__display-name {
border: 1px solid var(--color-border-primary);
border-top: 0;
&__trends-heading {
border-bottom: 1px solid var(--color-border-primary);
padding: 10px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
.navigation-panel & {
padding: 10px 12px;
padding-inline-start: 16px;
}
a {
color: var(--color-text-secondary);
text-decoration: none;
}
}
&__trends {
flex: 0 1 auto;
opacity: 1;
animation: fade 150ms linear;
margin-top: 10px;
h4 {
border-bottom: 1px solid var(--color-border-primary);
padding: 10px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
a {
color: var(--color-text-secondary);
text-decoration: none;
}
}
.trends__item {
border-bottom: 0;
padding: 10px;
@@ -4166,6 +4161,11 @@ a.account__display-name {
&__current {
color: var(--color-text-secondary);
}
.navigation-panel & {
padding: 10px 12px;
padding-inline-start: 16px;
}
}
}
}
@@ -10077,18 +10077,18 @@ noscript {
background: var(--color-bg-brand-softest);
}
&__title {
font-size: 15px;
line-height: 22px;
font-weight: 500;
}
&__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
h3 {
font-size: 15px;
line-height: 22px;
font-weight: 500;
}
&__actions {
display: flex;
align-items: center;