Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-15 16:59:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge commit '0219b7cad7d9ef800f82cc561571b70da040433f' into glitch-soc/merge-upstream

Browse Source
This commit is contained in:
Claire
2025-10-10 19:01:35 +02:00
parent bcccfb19df 0219b7cad7
commit ee88f8550c
11 changed files with 224 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
app/javascript/styles/mastodon/admin.scss
View File

@@ -1962,7 +1962,6 @@ a.sparkline {
.status__card {
padding: 15px;
border-radius: 4px;
background: $ui-base-color;
font-size: 15px;
line-height: 20px;
word-wrap: break-word;
@@ -1981,8 +1980,105 @@ a.sparkline {
.status__content {
padding-top: 0;
summary {
display: list-item;
> details {
summary {
display: block;
box-sizing: border-box;
background: var(--nested-card-background);
color: var(--nested-card-text);
border: var(--nested-card-border);
border-radius: 8px;
padding: 8px 13px;
position: relative;
font-size: 15px;
line-height: 22px;
cursor: pointer;
&::after {
content: attr(data-show, 'Show more');
margin-top: 8px;
display: block;
font-size: 15px;
line-height: 20px;
color: $highlight-text-color;
cursor: pointer;
border: 0;
background: transparent;
padding: 0;
text-decoration: none;
font-weight: 500;
}
&:hover,
&:focus-visible {
&::after {
text-decoration: underline !important;
}
}
}
&[open] summary {
margin-bottom: 16px;
&::after {
content: attr(data-hide, 'Hide post');
}
}
}
}
.preview-card {
position: relative;
max-width: 566px;
.status-card__image {
&--video {
aspect-ratio: 16 / 9;
}
&--large {
aspect-ratio: 1.91 / 1;
}
aspect-ratio: 1;
}
.spoiler-button__overlay__label {
outline: 1px solid var(--media-outline-color);
}
.hide-button {
// Toggled to appear when the preview-card is unblurred:
display: none;
position: absolute;
top: 5px;
right: 5px;
color: $white;
border: 0;
outline: 1px solid var(--media-outline-color);
background-color: color.change($black, $alpha: 0.45);
backdrop-filter: $backdrop-blur-filter;
padding: 3px 12px;
border-radius: 99px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
&:hover,
&:focus {
background-color: color.change($black, $alpha: 0.9);
}
}
&.preview-card--image-visible {
.hide-button {
display: block;
}
.spoiler-button__overlay,
.status-card__image-preview {
display: none;
}
}
}
}