chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added support for Trending stories

Browse source
This commit is contained in:
Niléane 2023-07-10 14:19:16 +02:00
parent 29b4d43387
commit 0277a99663
No known key found for this signature in database
1 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
TangerineUIforMastodon-singlecolumnlayout.css
View file

@ -1324,7 +1324,8 @@ body.layout-single-column {
} }
/* Explore Tab */ /* Explore Tab
----------- */
.layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper { .layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper {
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
} }
@ -1334,6 +1335,8 @@ body.layout-single-column {
.layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number { .layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number {
color: #ca8f04; color: #ca8f04;
} }
/* #️⃣ Trending hashtags */
.layout-single-column .explore__links { .layout-single-column .explore__links {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 7px; border-radius: 7px;
@ -1379,6 +1382,27 @@ body.layout-single-column {
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 3px var(--color-content-bg); box-shadow: 0 0 0 3px var(--color-content-bg);
} }
/* 📰 Trending stories */
.layout-single-column .story {
background-color: var(--color-content-bg);
}
.layout-single-column .story:not(:last-child) {
border-bottom: 2px solid var(--color-content-secondary-separator);
}
.layout-single-column .story,
.layout-single-column .story__details__title {
color: var(--color-content-fg);
}
.layout-single-column .story:hover {
background-color: var(--color-accent-bg);
}
.layout-single-column .story__details__publisher,
.layout-single-column .story__details__shared {
color: var(--color-fg);
}
/* 🔍 Search results */
.layout-single-column .explore__search-results { .layout-single-column .explore__search-results {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 7px; border-radius: 7px;
@ -1420,6 +1444,7 @@ body.layout-single-column {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-accent-fg); color: var(--color-accent-fg);
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.layout-single-column .search { .layout-single-column .search {
margin-bottom: 0; margin-bottom: 0;