1
0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 22:38:18 +09:00

Styling for the new "more from author" in preview cards

This commit is contained in:
Niléane 2024-06-17 16:24:15 +02:00
parent 02909cd510
commit 213a4e65b9
No known key found for this signature in database
3 changed files with 54 additions and 0 deletions

View File

@ -2944,6 +2944,24 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-top: 2px;
font-size: 12px;
}
.app-body .status-card:has(+ .more-from-author) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.app-body .status-card + .more-from-author {
background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-lines);
border-top: 0;
}
.app-body .more-from-author {
color: var(--color-content-fg);
}
.app-body .more-from-author .logo {
color: var(--color-content-fg);
}
.app-body .more-from-author a:is(:active, :hover, :focus) {
color: var(--color-accent);
}
.app-body .status__content p {
margin-bottom: 12px;
}

View File

@ -2944,6 +2944,24 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-top: 2px;
font-size: 12px;
}
.app-body .status-card:has(+ .more-from-author) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.app-body .status-card + .more-from-author {
background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-lines);
border-top: 0;
}
.app-body .more-from-author {
color: var(--color-content-fg);
}
.app-body .more-from-author .logo {
color: var(--color-content-fg);
}
.app-body .more-from-author a:is(:active, :hover, :focus) {
color: var(--color-accent);
}
.app-body .status__content p {
margin-bottom: 12px;
}

View File

@ -2944,6 +2944,24 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
margin-top: 2px;
font-size: 12px;
}
.app-body .status-card:has(+ .more-from-author) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.app-body .status-card + .more-from-author {
background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-lines);
border-top: 0;
}
.app-body .more-from-author {
color: var(--color-content-fg);
}
.app-body .more-from-author .logo {
color: var(--color-content-fg);
}
.app-body .more-from-author a:is(:active, :hover, :focus) {
color: var(--color-accent);
}
.app-body .status__content p {
margin-bottom: 12px;
}