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

Add support for the new Explore people tab

Browse Source
This commit is contained in:
Niléane 2024-05-09 19:45:30 +02:00
parent e9185de280
commit 75cedee2ff
No known key found for this signature in database
3 changed files with 114 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
TangerineUI-cherry.css
View File

@ -4527,6 +4527,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 10px 15px;
}
.app-body .explore__suggestions__card {
border-bottom: 2px solid var(--color-content-secondary-bg);
gap: 2px;
padding-bottom: 14px;
}
.app-body .explore__suggestions__card__source span {
background-color: var(--color-content-secondary-bg);
padding: 6px 12px;
display: inline-block;
border-radius: 50px;
color: var(--color-fg-muted);
font-weight: 500;
}
.app-body .explore__suggestions__card__body__main__name-button .display-name__account {
color: var(--color-content-fg);
opacity: .75;
}
.app-body .explore__suggestions__card .icon-button {
background-color: var(--color-content-secondary-bg);
color: var(--color-fg-muted);
padding: 6px;
border: 0;
}
.app-body .explore__suggestions__card .icon-button:is(:active, :hover) {
background-color: var(--color-accent-bg);
}
@media screen and (min-width:1173px) {
.app-body .explore__suggestions__card .icon-button {
opacity: 0;
transform: translateX(50%);
transition: all .3s;
}
.app-body .explore__suggestions__card:hover .icon-button {
opacity: 1;
transform: translateX(0);
}
}
/* 📰 Trending stories */
.app-body .story {

38
TangerineUI-purple.css
View File

@ -4527,6 +4527,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 10px 15px;
}
.app-body .explore__suggestions__card {
border-bottom: 2px solid var(--color-content-secondary-bg);
gap: 2px;
padding-bottom: 14px;
}
.app-body .explore__suggestions__card__source span {
background-color: var(--color-content-secondary-bg);
padding: 6px 12px;
display: inline-block;
border-radius: 50px;
color: var(--color-fg-muted);
font-weight: 500;
}
.app-body .explore__suggestions__card__body__main__name-button .display-name__account {
color: var(--color-content-fg);
opacity: .75;
}
.app-body .explore__suggestions__card .icon-button {
background-color: var(--color-content-secondary-bg);
color: var(--color-fg-muted);
padding: 6px;
border: 0;
}
.app-body .explore__suggestions__card .icon-button:is(:active, :hover) {
background-color: var(--color-accent-bg);
}
@media screen and (min-width:1173px) {
.app-body .explore__suggestions__card .icon-button {
opacity: 0;
transform: translateX(50%);
transition: all .3s;
}
.app-body .explore__suggestions__card:hover .icon-button {
opacity: 1;
transform: translateX(0);
}
}
/* 📰 Trending stories */
.app-body .story {

38
TangerineUI.css
View File

@ -4527,6 +4527,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding: 10px 15px;
}
.app-body .explore__suggestions__card {
border-bottom: 2px solid var(--color-content-secondary-bg);
gap: 2px;
padding-bottom: 14px;
}
.app-body .explore__suggestions__card__source span {
background-color: var(--color-content-secondary-bg);
padding: 6px 12px;
display: inline-block;
border-radius: 50px;
color: var(--color-fg-muted);
font-weight: 500;
}
.app-body .explore__suggestions__card__body__main__name-button .display-name__account {
color: var(--color-content-fg);
opacity: .75;
}
.app-body .explore__suggestions__card .icon-button {
background-color: var(--color-content-secondary-bg);
color: var(--color-fg-muted);
padding: 6px;
border: 0;
}
.app-body .explore__suggestions__card .icon-button:is(:active, :hover) {
background-color: var(--color-accent-bg);
}
@media screen and (min-width:1173px) {
.app-body .explore__suggestions__card .icon-button {
opacity: 0;
transform: translateX(50%);
transition: all .3s;
}
.app-body .explore__suggestions__card:hover .icon-button {
opacity: 1;
transform: translateX(0);
}
}
/* 📰 Trending stories */
.app-body .story {