mstdn.y-zu.org/mastodon
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'mastodon/main' into custom/quote

Browse Source 
# Conflicts:
#	app/javascript/mastodon/components/status.js
#	app/javascript/mastodon/components/status_action_bar.js
#	app/javascript/mastodon/components/status_content.js
#	app/javascript/mastodon/containers/timeline_container.js
#	app/javascript/mastodon/features/status/components/detailed_status.js
#	app/javascript/styles/mastodon/components.scss
This commit is contained in:
kyori19
2022-11-15 01:48:20 +00:00
parent 4be8ece78d 8c3c6dcae9
commit ae2190b9a5
471 changed files with 10826 additions and 5906 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/styles/mastodon-light/diff.scss
View File

@@ -78,7 +78,7 @@ html {
.column-header__back-button,
.column-header__button,
.column-header__button.active,
.account__header__bar {
.account__header {
background: $white;
}
@@ -203,7 +203,8 @@ html {
// Change the colors used in compose-form
.compose-form {
.compose-form__modifiers {
.compose-form__upload__actions .icon-button {
.compose-form__upload__actions .icon-button,
.compose-form__upload__warning .icon-button {
color: lighten($white, 7%);
&:active,
@@ -212,14 +213,6 @@ html {
color: $white;
}
}
.compose-form__upload-description input {
color: lighten($white, 7%);
&::placeholder {
color: lighten($white, 7%);
}
}
}
.compose-form__buttons-wrapper {
@@ -268,7 +261,8 @@ html {
.status__content .status__content__spoiler-link {
background: $ui-base-color;
&:hover {
&:hover,
&:focus {
background: lighten($ui-base-color, 4%);
}
}

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

@@ -968,10 +968,10 @@
}
.status__content.status__content--collapsed {
max-height: 20px * 15; // 15 lines is roughly above 500 characters
max-height: 22px * 15; // 15 lines is roughly above 500 characters
.quote-status & {
max-height: 20px * 5;
max-height: 22px * 5;
}
}
@@ -1384,6 +1384,7 @@
display: inline-block;
font-weight: 500;
font-size: 12px;
line-height: 17px;
margin-left: 6px;
}
@@ -1949,9 +1950,6 @@ a.account__display-name {
a {
color: inherit;
}
.permalink {
text-decoration: none;
}
@@ -3281,23 +3279,49 @@ $ui-header-height: 55px;
.setting-text {
display: block;
box-sizing: border-box;
width: 100%;
margin: 0;
color: $darker-text-color;
background: transparent;
padding: 7px 0;
color: $inverted-text-color;
background: $white;
padding: 7px 10px;
font-family: inherit;
font-size: 14px;
resize: vertical;
border: 0;
border-bottom: 2px solid $ui-primary-color;
outline: 0;
line-height: 22px;
border-radius: 4px;
border: 1px solid $white;
&:focus,
&:active {
color: $primary-text-color;
border-bottom-color: $ui-highlight-color;
&:focus {
outline: 0;
border-color: lighten($ui-highlight-color, 12%);
}
&__wrapper {
background: $white;
border: 1px solid $ui-secondary-color;
margin-bottom: 10px;
border-radius: 4px;
.setting-text {
border: 0;
margin-bottom: 0;
border-radius: 0;
&:focus {
border: 0;
}
}
&__modifiers {
color: $inverted-text-color;
font-family: inherit;
font-size: 14px;
background: $white;
}
}
&__toolbar {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
@@ -5584,59 +5608,6 @@ a.status-card.compact:hover {
margin-bottom: 20px;
}
.setting-text {
display: block;
box-sizing: border-box;
width: 100%;
margin: 0;
color: $inverted-text-color;
background: $white;
padding: 10px;
font-family: inherit;
font-size: 14px;
resize: none;
outline: 0;
border-radius: 4px;
border: 1px solid $ui-secondary-color;
min-height: 100px;
max-height: 50vh;
margin-bottom: 10px;
&:focus {
border: 1px solid darken($ui-secondary-color, 8%);
}
&__wrapper {
background: $white;
border: 1px solid $ui-secondary-color;
margin-bottom: 10px;
border-radius: 4px;
.setting-text {
border: 0;
margin-bottom: 0;
border-radius: 0;
&:focus {
border: 0;
}
}
&__modifiers {
color: $inverted-text-color;
font-family: inherit;
font-size: 14px;
background: $white;
}
}
&__toolbar {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
}
.setting-text-label {
display: block;
color: $inverted-text-color;
@@ -5645,6 +5616,14 @@ a.status-card.compact:hover {
margin-bottom: 10px;
}
.setting-text {
width: 100%;
resize: none;
min-height: 100px;
max-height: 50vh;
border: 0;
}
.setting-toggle {
margin-top: 20px;
margin-bottom: 24px;
@@ -6814,36 +6793,29 @@ noscript {
}
}
.account__moved-note {
padding: 14px 10px;
padding-bottom: 16px;
.moved-account-banner {
padding: 20px;
background: lighten($ui-base-color, 4%);
border-top: 1px solid lighten($ui-base-color, 8%);
border-bottom: 1px solid lighten($ui-base-color, 8%);
display: flex;
align-items: center;
flex-direction: column;
&__message {
position: relative;
margin-left: 58px;
color: $dark-text-color;
color: $darker-text-color;
padding: 8px 0;
padding-top: 0;
padding-bottom: 4px;
font-size: 14px;
> span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
font-weight: 500;
text-align: center;
margin-bottom: 16px;
}
&__icon-wrapper {
left: -26px;
position: absolute;
}
.detailed-status__display-avatar {
position: relative;
&__action {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.detailed-status__display-name {
@@ -6853,9 +6825,9 @@ noscript {
.column-inline-form {
padding: 15px;
padding-right: 0;
display: flex;
justify-content: flex-start;
gap: 15px;
align-items: center;
background: lighten($ui-base-color, 4%);
@@ -6864,17 +6836,8 @@ noscript {
input {
width: 100%;
&:focus {
outline: 0;
}
}
}
.icon-button {
flex: 0 0 auto;
margin: 0 10px;
}
}
.drawer__backdrop {
@@ -7141,8 +7104,11 @@ noscript {
&__tabs {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: -55px;
padding-top: 10px;
gap: 8px;
overflow: hidden;
&__buttons {
display: flex;
@@ -7151,6 +7117,15 @@ noscript {
padding-top: 55px;
overflow: hidden;
.button {
flex-shrink: 1;
white-space: nowrap;
@media screen and (max-width: $no-gap-breakpoint) {
min-width: 0;
}
}
.icon-button {
border: 1px solid lighten($ui-base-color, 12%);
border-radius: 4px;
@@ -8412,7 +8387,6 @@ noscript {
font-size: 14px;
line-height: 18px;
color: $primary-text-color;
word-break: keep-all;
}
&__action {
@@ -8673,28 +8647,45 @@ noscript {
&__domain-blocks {
margin-top: 30px;
width: 100%;
border-collapse: collapse;
break-inside: auto;
background: darken($ui-base-color, 4%);
border: 1px solid lighten($ui-base-color, 4%);
border-radius: 4px;
th {
text-align: left;
font-weight: 500;
&__domain {
border-bottom: 1px solid lighten($ui-base-color, 4%);
padding: 10px;
font-size: 15px;
color: $darker-text-color;
}
thead tr,
tbody tr {
border-bottom: 1px solid lighten($ui-base-color, 8%);
}
&:nth-child(2n) {
background: darken($ui-base-color, 2%);
}
tbody tr:last-child {
border-bottom: 0;
}
&:last-child {
border-bottom: 0;
}
th,
td {
padding: 8px;
&__header {
display: flex;
gap: 10px;
justify-content: space-between;
font-weight: 500;
margin-bottom: 4px;
}
h6 {
color: $secondary-text-color;
font-size: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}

4
app/javascript/styles/mastodon/emoji_picker.scss
View File

@@ -132,6 +132,10 @@
&:active {
outline: 0 !important;
}
&::-webkit-search-cancel-button {
display: none;
}
}
}

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

@@ -1064,11 +1064,18 @@ code {
&:last-child {
border-bottom: 0;
padding-bottom: 0;
}
}
}
// Only remove padding when listing applications, to prevent styling issues on
// the Authorization page.
.applications-list {
.permissions-list__item:last-child {
padding-bottom: 0;
}
}
.keywords-table {
thead {
th {

3
app/javascript/styles/mastodon/tables.scss
View File

@@ -178,6 +178,9 @@ a.table-action-link {
}
&__toolbar {
position: sticky;
top: 0;
z-index: 1;
border: 1px solid darken($ui-base-color, 8%);
background: $ui-base-color;
border-radius: 4px 0 0;