Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix various visual sign-up flow issues (#33206)

Browse source
This commit is contained in:
Eugen Rochko 2024-12-09 09:23:19 +01:00 • committed by GitHub
parent 58c40caeb4
commit ca45f896dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
88 changed files with 35 additions and 414 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/javascript/styles/mastodon-light/diff.scss
View file

@ -3,6 +3,12 @@
.simple_form .button.button-tertiary {
color: $highlight-text-color;
&:hover,
&:focus,
&:active {
color: $white;
}
}
.status-card__actions button,

5
app/javascript/styles/mastodon/about.scss
View file

@ -21,7 +21,6 @@ $fluid-breakpoint: $maximum-width + 20px;
.rules-list {
font-size: 15px;
line-height: 22px;
color: $primary-text-color;
counter-reset: list-counter;
li {
@ -82,6 +81,10 @@ $fluid-breakpoint: $maximum-width + 20px;
}
}
&__text {
color: $primary-text-color;
}
&__hint {
font-size: 14px;
font-weight: 400;

10
app/javascript/styles/mastodon/components.scss
View file

@ -108,7 +108,7 @@
&:disabled,
&.disabled {
background-color: $ui-primary-color;
background-color: $ui-button-disabled-color;
cursor: not-allowed;
}
@ -148,14 +148,14 @@
&:disabled,
&.disabled {
opacity: 0.7;
border-color: $ui-primary-color;
color: $ui-primary-color;
border-color: $ui-button-disabled-color;
color: $ui-button-disabled-color;
&:active,
&:focus,
&:hover {
border-color: $ui-primary-color;
color: $ui-primary-color;
border-color: $ui-button-disabled-color;
color: $ui-button-disabled-color;
}
}
}

14
app/javascript/styles/mastodon/forms.scss
View file

@ -584,8 +584,9 @@ code {
background-color: $ui-button-focus-background-color;
}
&:disabled,
&:disabled:hover {
background-color: $ui-primary-color;
background-color: $ui-button-disabled-color;
}
&.negative {
@ -599,16 +600,6 @@ code {
}
}
.button.button-tertiary {
padding: 9px;
&:hover,
&:focus,
&:active {
padding: 10px;
}
}
select {
appearance: none;
box-sizing: border-box;
@ -1173,6 +1164,7 @@ code {
align-items: center;
padding-bottom: 30px;
margin-bottom: 30px;
color: $white;
li {
flex: 0 0 auto;

7
app/javascript/styles/mastodon/variables.scss
View file

@ -1,3 +1,5 @@
@use 'sass:color';
// Commonly used web colors
$black: #000000; // Black
$white: #ffffff; // White
@ -46,6 +48,11 @@ $ui-button-focus-background-color: $blurple-600 !default;
$ui-button-focus-outline-color: $blurple-400 !default;
$ui-button-focus-outline: solid 2px $ui-button-focus-outline-color !default;
$ui-button-disabled-color: color.adjust(
$ui-button-background-color,
$alpha: -0.3
) !default;
$ui-button-secondary-color: $blurple-500 !default;
$ui-button-secondary-border-color: $blurple-500 !default;
$ui-button-secondary-focus-border-color: $blurple-300 !default;