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

A11y improvements on login & settings pages (#38188)
Some checks failed
Check i18n / check-i18n (push) Has been cancelled
Details
Chromatic / Check for relevant changes (push) Has been cancelled
Details
CodeQL / Analyze (actions) (push) Has been cancelled
Details
CodeQL / Analyze (javascript) (push) Has been cancelled
Details
CodeQL / Analyze (ruby) (push) Has been cancelled
Details
Crowdin / Upload translations / upload-translations (push) Has been cancelled
Details
Check formatting / lint (push) Has been cancelled
Details
CSS Linting / lint (push) Has been cancelled
Details
Haml Linting / lint (push) Has been cancelled
Details
JavaScript Linting / lint (push) Has been cancelled
Details
Ruby Linting / lint (push) Has been cancelled
Details
JavaScript Testing / test (push) Has been cancelled
Details
Historical data migration test / test (14-alpine) (push) Has been cancelled
Details
Historical data migration test / test (15-alpine) (push) Has been cancelled
Details
Historical data migration test / test (16-alpine) (push) Has been cancelled
Details
Historical data migration test / test (17-alpine) (push) Has been cancelled
Details
Ruby Testing / build (production) (push) Has been cancelled
Details
Ruby Testing / build (test) (push) Has been cancelled
Details
Chromatic / Run Chromatic (push) Has been cancelled
Details
Ruby Testing / test (.ruby-version) (push) Has been cancelled
Details
Ruby Testing / test (3.2) (push) Has been cancelled
Details
Ruby Testing / test (3.3) (push) Has been cancelled
Details
Ruby Testing / End to End testing (.ruby-version) (push) Has been cancelled
Details
Ruby Testing / End to End testing (3.2) (push) Has been cancelled
Details
Ruby Testing / End to End testing (3.3) (push) Has been cancelled
Details
Ruby Testing / Elastic Search integration testing (.ruby-version, docker.elastic.co/elasticsearch/elasticsearch:7.17.29) (push) Has been cancelled
Details
Ruby Testing / Elastic Search integration testing (.ruby-version, docker.elastic.co/elasticsearch/elasticsearch:8.19.2) (push) Has been cancelled
Details
Ruby Testing / Elastic Search integration testing (.ruby-version, opensearchproject/opensearch:2) (push) Has been cancelled
Details
Ruby Testing / Elastic Search integration testing (3.2, docker.elastic.co/elasticsearch/elasticsearch:7.17.29) (push) Has been cancelled
Details
Ruby Testing / Elastic Search integration testing (3.3, docker.elastic.co/elasticsearch/elasticsearch:7.17.29) (push) Has been cancelled
Details
Bundler Audit / security (push) Has been cancelled
Details

Browse Source
This commit is contained in:
diondiondion
2026-03-13 18:14:04 +01:00
committed by GitHub
parent ec0e78f128
commit 89b7a3d7fb
5 changed files with 65 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/javascript/styles/mastodon/containers.scss
View File

@@ -13,28 +13,28 @@
.logo-container {
margin: 50px auto;
h1 {
a {
display: flex;
justify-content: center;
align-items: center;
width: min-content;
margin: 0 auto;
padding: 12px 16px;
color: var(--color-text-primary);
text-decoration: none;
outline: 0;
line-height: 32px;
font-weight: 500;
font-size: 14px;
.logo {
height: 42px;
margin-inline-end: 10px;
&:focus-visible {
outline: var(--outline-focus-default);
}
}
a {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-text-primary);
text-decoration: none;
outline: 0;
padding: 12px 16px;
line-height: 32px;
font-weight: 500;
font-size: 14px;
}
.logo {
height: 42px;
margin-inline-end: 10px;
}
}

46
app/javascript/styles/mastodon/forms.scss
View File

@@ -77,7 +77,6 @@ code {
.input {
margin-bottom: 16px;
overflow: hidden;
&:last-child {
margin-bottom: 0;
@@ -471,13 +470,19 @@ code {
}
}
.input.radio_buttons .radio label {
margin-bottom: 5px;
font-family: inherit;
font-size: 14px;
color: var(--color-text-primary);
display: block;
width: auto;
.input.radio_buttons .radio {
label {
margin-bottom: 5px;
font-family: inherit;
font-size: 14px;
color: var(--color-text-primary);
display: block;
width: auto;
}
input[type='radio'] {
accent-color: var(--color-text-brand);
}
}
.check_boxes {
@@ -503,6 +508,12 @@ code {
}
}
label.checkbox {
input[type='checkbox'] {
accent-color: var(--color-text-brand);
}
}
.input.static .label_input__wrapper {
font-size: 14px;
padding: 10px;
@@ -523,13 +534,20 @@ code {
color: var(--color-text-primary);
display: block;
width: 100%;
outline: 0;
font-family: inherit;
resize: vertical;
background: var(--color-bg-secondary);
border: 1px solid var(--color-border-primary);
border-radius: 4px;
padding: 10px 16px;
outline: var(--outline-focus-default);
outline-offset: -2px;
outline-color: transparent;
transition: outline-color 0.15s ease-out;
&:focus {
outline: var(--outline-focus-default);
}
&:invalid {
box-shadow: none;
@@ -613,6 +631,11 @@ code {
margin-inline-end: 0;
}
&:focus-visible {
outline: var(--outline-focus-default);
outline-offset: 2px;
}
&:active,
&:focus,
&:hover {
@@ -653,6 +676,11 @@ code {
padding-inline-end: 30px;
height: 41px;
&:focus-visible {
outline: var(--outline-focus-default);
outline-offset: 2px;
}
@media screen and (width <= 600px) {
font-size: 16px;
}