mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2025-01-19 08:12:49 +09:00
Code

Mastodon v4.2.0 support: updated link previews

Browse Source
This commit is contained in:
Niléane 2023-08-08 20:41:19 +02:00
parent 8b9dfe14dd
commit c9db752344
No known key found for this signature in database
4 changed files with 120 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
TangerineUI-purple.css
View File

@ -1233,24 +1233,14 @@ body.layout-single-column {
.layout-single-column .status-card,
.layout-single-column .status-card.compact {
background-color: var(--color-content-secondary-bg);
border: none;
box-shadow:
0 1px 4px rgba(0, 0, 0, .08);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description {
color: var(--color-content-fg-bold);
}
.layout-single-column .status-card__description {
opacity: .7;
}
.layout-single-column .status-card__host {
opacity: .5;
border: 1px solid var(--color-lines);
box-shadow: none;
transition: all .3s;
}
.layout-single-column a.status-card:hover,
.layout-single-column a.status-card.compact:hover {
background-color: var(--color-accent-bg);
background-color: var(--color-content-bg-focus);
border-color: var(--color-lines);
}
.layout-single-column .status-card__image {
background: var(--color-accent-bg);
@ -1258,6 +1248,29 @@ body.layout-single-column {
.layout-single-column .status-card__image > .fa {
color: var(--color-accent);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description,
.layout-single-column .status-card__author {
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .status-card:active .status-card__host,
.layout-single-column .status-card:focus .status-card__host,
.layout-single-column .status-card:hover .status-card__host {
color: var(--color-accent);
}
.layout-single-column .status-card:active .status-card__author,
.layout-single-column .status-card:active .status-card__description,
.layout-single-column .status-card:active .status-card__title,
.layout-single-column .status-card:focus .status-card__author,
.layout-single-column .status-card:focus .status-card__description,
.layout-single-column .status-card:focus .status-card__title,
.layout-single-column .status-card:hover .status-card__author,
.layout-single-column .status-card:hover .status-card__description,
.layout-single-column .status-card:hover .status-card__title {
color: var(--color-content-fg);
}
.layout-single-column .status__content p {
margin-bottom: 12px;
}
@ -2781,6 +2794,10 @@ body.layout-single-column {
color: var(--color-accent-fg);
transition: all .2s;
}
.layout-single-column .button:disabled,
.layout-single-column .button.disabled {
opacity: .7;
}
.layout-single-column .text-icon-button.active,
.layout-single-column .button.button-tertiary,
.layout-single-column .account__header__fields a,

43
TangerineUI.css
View File

@ -1233,24 +1233,14 @@ body.layout-single-column {
.layout-single-column .status-card,
.layout-single-column .status-card.compact {
background-color: var(--color-content-secondary-bg);
border: none;
box-shadow:
0 1px 4px rgba(0, 0, 0, .08);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description {
color: var(--color-content-fg-bold);
}
.layout-single-column .status-card__description {
opacity: .7;
}
.layout-single-column .status-card__host {
opacity: .5;
border: 1px solid var(--color-lines);
box-shadow: none;
transition: all .3s;
}
.layout-single-column a.status-card:hover,
.layout-single-column a.status-card.compact:hover {
background-color: var(--color-accent-bg);
background-color: var(--color-content-bg-focus);
border-color: var(--color-lines);
}
.layout-single-column .status-card__image {
background: var(--color-accent-bg);
@ -1258,6 +1248,29 @@ body.layout-single-column {
.layout-single-column .status-card__image > .fa {
color: var(--color-accent);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description,
.layout-single-column .status-card__author {
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .status-card:active .status-card__host,
.layout-single-column .status-card:focus .status-card__host,
.layout-single-column .status-card:hover .status-card__host {
color: var(--color-accent);
}
.layout-single-column .status-card:active .status-card__author,
.layout-single-column .status-card:active .status-card__description,
.layout-single-column .status-card:active .status-card__title,
.layout-single-column .status-card:focus .status-card__author,
.layout-single-column .status-card:focus .status-card__description,
.layout-single-column .status-card:focus .status-card__title,
.layout-single-column .status-card:hover .status-card__author,
.layout-single-column .status-card:hover .status-card__description,
.layout-single-column .status-card:hover .status-card__title {
color: var(--color-content-fg);
}
.layout-single-column .status__content p {
margin-bottom: 12px;
}

47
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View File

@ -1233,24 +1233,14 @@ body.layout-single-column {
.layout-single-column .status-card,
.layout-single-column .status-card.compact {
background-color: var(--color-content-secondary-bg);
border: none;
box-shadow:
0 1px 4px rgba(0, 0, 0, .08);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description {
color: var(--color-content-fg-bold);
}
.layout-single-column .status-card__description {
opacity: .7;
}
.layout-single-column .status-card__host {
opacity: .5;
border: 1px solid var(--color-lines);
box-shadow: none;
transition: all .3s;
}
.layout-single-column a.status-card:hover,
.layout-single-column a.status-card.compact:hover {
background-color: var(--color-accent-bg);
background-color: var(--color-content-bg-focus);
border-color: var(--color-lines);
}
.layout-single-column .status-card__image {
background: var(--color-accent-bg);
@ -1258,6 +1248,29 @@ body.layout-single-column {
.layout-single-column .status-card__image > .fa {
color: var(--color-accent);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description,
.layout-single-column .status-card__author {
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .status-card:active .status-card__host,
.layout-single-column .status-card:focus .status-card__host,
.layout-single-column .status-card:hover .status-card__host {
color: var(--color-accent);
}
.layout-single-column .status-card:active .status-card__author,
.layout-single-column .status-card:active .status-card__description,
.layout-single-column .status-card:active .status-card__title,
.layout-single-column .status-card:focus .status-card__author,
.layout-single-column .status-card:focus .status-card__description,
.layout-single-column .status-card:focus .status-card__title,
.layout-single-column .status-card:hover .status-card__author,
.layout-single-column .status-card:hover .status-card__description,
.layout-single-column .status-card:hover .status-card__title {
color: var(--color-content-fg);
}
.layout-single-column .status__content p {
margin-bottom: 12px;
}
@ -2781,6 +2794,10 @@ body.layout-single-column {
color: var(--color-accent-fg);
transition: all .2s;
}
.layout-single-column .button:disabled,
.layout-single-column .button.disabled {
opacity: .7;
}
.layout-single-column .text-icon-button.active,
.layout-single-column .button.button-tertiary,
.layout-single-column .account__header__fields a,

43
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View File

@ -1233,24 +1233,14 @@ body.layout-single-column {
.layout-single-column .status-card,
.layout-single-column .status-card.compact {
background-color: var(--color-content-secondary-bg);
border: none;
box-shadow:
0 1px 4px rgba(0, 0, 0, .08);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description {
color: var(--color-content-fg-bold);
}
.layout-single-column .status-card__description {
opacity: .7;
}
.layout-single-column .status-card__host {
opacity: .5;
border: 1px solid var(--color-lines);
box-shadow: none;
transition: all .3s;
}
.layout-single-column a.status-card:hover,
.layout-single-column a.status-card.compact:hover {
background-color: var(--color-accent-bg);
background-color: var(--color-content-bg-focus);
border-color: var(--color-lines);
}
.layout-single-column .status-card__image {
background: var(--color-accent-bg);
@ -1258,6 +1248,29 @@ body.layout-single-column {
.layout-single-column .status-card__image > .fa {
color: var(--color-accent);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__host,
.layout-single-column .status-card__description,
.layout-single-column .status-card__author {
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .status-card:active .status-card__host,
.layout-single-column .status-card:focus .status-card__host,
.layout-single-column .status-card:hover .status-card__host {
color: var(--color-accent);
}
.layout-single-column .status-card:active .status-card__author,
.layout-single-column .status-card:active .status-card__description,
.layout-single-column .status-card:active .status-card__title,
.layout-single-column .status-card:focus .status-card__author,
.layout-single-column .status-card:focus .status-card__description,
.layout-single-column .status-card:focus .status-card__title,
.layout-single-column .status-card:hover .status-card__author,
.layout-single-column .status-card:hover .status-card__description,
.layout-single-column .status-card:hover .status-card__title {
color: var(--color-content-fg);
}
.layout-single-column .status__content p {
margin-bottom: 12px;
}