Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Redesign Content Warning and filters (#32543)

Browse source
This commit is contained in:
Claire 2024-10-23 11:47:23 +02:00 • committed by GitHub
parent 05f23df3b7
commit 393f0a0159
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 33 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -11109,19 +11109,21 @@ noscript {
}
.content-warning {
display: block;
box-sizing: border-box;
background: rgba($ui-highlight-color, 0.05);
color: $secondary-text-color;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: rgba($ui-highlight-color, 0.15);
border: 1px solid rgba($ui-highlight-color, 0.15);
border-radius: 8px;
padding: 8px (5px + 8px);
position: relative;
font-size: 15px;
line-height: 22px;
cursor: pointer;
p {
margin-bottom: 8px;
font-weight: 500;
}
.link-button {
@ -11130,31 +11132,16 @@ noscript {
font-weight: 500;
}
&::before,
&::after {
content: '';
display: block;
position: absolute;
height: 100%;
background: url('../images/warning-stripes.svg') repeat-y;
width: 5px;
top: 0;
}
&--filter {
color: $darker-text-color;
&::before {
border-start-start-radius: 4px;
border-end-start-radius: 4px;
inset-inline-start: 0;
}
p {
font-weight: normal;
}
&::after {
border-start-end-radius: 4px;
border-end-end-radius: 4px;
inset-inline-end: 0;
}
&--filter::before,
&--filter::after {
background-image: url('../images/filter-stripes.svg');
.filter-name {
font-weight: 500;
color: $secondary-text-color;
}
}
}