Merge tag 'v4.5.0' into chinwag-next

This commit is contained in:
Mike Barnes 2025-11-09 22:18:23 +11:00
commit b7aeafa035
351 changed files with 5552 additions and 2547 deletions

View file

@ -1309,6 +1309,10 @@ a.sparkline {
line-height: 1;
width: 100%;
animation: skeleton 1.2s ease-in-out infinite;
.reduce-motion & {
animation: none;
}
}
@keyframes skeleton {

View file

@ -775,16 +775,43 @@
padding: 8px;
}
&__preview {
&__preview,
&__visualizer {
position: absolute;
width: 100%;
height: 100%;
border-radius: 6px;
z-index: -1;
top: 0;
}
&__preview {
border-radius: 6px;
inset-inline-start: 0;
}
&__visualizer {
padding: 16px;
box-sizing: border-box;
.audio-player__visualizer {
margin: 0 auto;
display: block;
height: 100%;
}
.icon {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
opacity: 0.75;
color: var(--player-foreground-color);
filter: var(--overlay-icon-shadow);
width: 48px;
height: 48px;
}
}
&__thumbnail {
width: 100%;
height: 100%;
@ -4031,6 +4058,7 @@ a.account__display-name {
background: lighten($ui-highlight-color, 5%);
}
.follow_requests-unlocked_explanation,
.switch-to-advanced {
color: $light-text-color;
background-color: $ui-base-color;
@ -4041,7 +4069,7 @@ a.account__display-name {
font-size: 13px;
line-height: 18px;
.switch-to-advanced__toggle {
a {
color: $ui-button-tertiary-color;
font-weight: bold;
}
@ -5223,8 +5251,7 @@ a.status-card {
}
}
.empty-column-indicator,
.follow_requests-unlocked_explanation {
.empty-column-indicator {
color: $dark-text-color;
text-align: center;
padding: 20px;
@ -5263,10 +5290,8 @@ a.status-card {
}
.follow_requests-unlocked_explanation {
background: var(--surface-background-color);
border-bottom: 1px solid var(--background-border-color);
contain: initial;
flex-grow: 0;
margin: 16px;
margin-bottom: 0;
}
.error-column {
@ -5745,6 +5770,34 @@ a.status-card {
}
}
.visibility-modal {
&__quote-warning {
color: var(--nested-card-text);
background:
/* This is a bit of a silly hack for layering two background colours
* since --nested-card-background is too transparent for a tooltip */
linear-gradient(
var(--nested-card-background),
var(--nested-card-background)
),
linear-gradient(var(--background-color), var(--background-color));
border: var(--nested-card-border);
padding: 16px;
border-radius: 4px;
h3 {
font-weight: 500;
margin-bottom: 4px;
color: $darker-text-color;
}
p {
font-size: 0.8em;
color: $dark-text-color;
}
}
}
.visibility-dropdown {
&__overlay[data-popper-placement] {
z-index: 9999;
@ -9368,19 +9421,13 @@ noscript {
&__shared {
display: flex;
align-items: center;
align-items: baseline;
color: $darker-text-color;
gap: 8px;
justify-content: space-between;
font-size: 14px;
line-height: 20px;
& > span {
display: flex;
align-items: center;
gap: 4px;
}
&__pill {
background: var(--surface-variant-background-color);
border-radius: 4px;
@ -9390,6 +9437,7 @@ noscript {
font-size: 12px;
font-weight: 500;
line-height: 16px;
flex-shrink: 0;
}
&__author-link {