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

Expanded image preview for the first Trending News item is now full-width.

Browse source
This commit is contained in:
Niléane 2023-10-17 13:56:05 +02:00
commit b7a9375cde
No known key found for this signature in database
4 changed files with 32 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
TangerineUI-purple.css
View file

@ -2626,6 +2626,14 @@ body.layout-single-column {
.layout-single-column .story:hover .story__details__shared { .layout-single-column .story:hover .story__details__shared {
color: var(--color-accent); color: var(--color-accent);
} }
.layout-single-column .story.expanded .story__thumbnail {
margin: 0 0 -25px;
}
.layout-single-column .story.expanded .story__thumbnail img {
width: calc(100% + 30px);
margin: -15px -15px 0 -15px;
border-radius: 0 0 0 0;
}
/* 🔍 Search field and search results */ /* 🔍 Search field and search results */
.layout-single-column .search { .layout-single-column .search {

8
TangerineUI.css
View file

@ -2626,6 +2626,14 @@ body.layout-single-column {
.layout-single-column .story:hover .story__details__shared { .layout-single-column .story:hover .story__details__shared {
color: var(--color-accent); color: var(--color-accent);
} }
.layout-single-column .story.expanded .story__thumbnail {
margin: 0 0 -25px;
}
.layout-single-column .story.expanded .story__thumbnail img {
width: calc(100% + 30px);
margin: -15px -15px 0 -15px;
border-radius: 0 0 0 0;
}
/* 🔍 Search field and search results */ /* 🔍 Search field and search results */
.layout-single-column .search { .layout-single-column .search {

8
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -2626,6 +2626,14 @@ body.layout-single-column {
.layout-single-column .story:hover .story__details__shared { .layout-single-column .story:hover .story__details__shared {
color: var(--color-accent); color: var(--color-accent);
} }
.layout-single-column .story.expanded .story__thumbnail {
margin: 0 0 -25px;
}
.layout-single-column .story.expanded .story__thumbnail img {
width: calc(100% + 30px);
margin: -15px -15px 0 -15px;
border-radius: 0 0 0 0;
}
/* 🔍 Search field and search results */ /* 🔍 Search field and search results */
.layout-single-column .search { .layout-single-column .search {

8
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -2626,6 +2626,14 @@ body.layout-single-column {
.layout-single-column .story:hover .story__details__shared { .layout-single-column .story:hover .story__details__shared {
color: var(--color-accent); color: var(--color-accent);
} }
.layout-single-column .story.expanded .story__thumbnail {
margin: 0 0 -25px;
}
.layout-single-column .story.expanded .story__thumbnail img {
width: calc(100% + 30px);
margin: -15px -15px 0 -15px;
border-radius: 0 0 0 0;
}
/* 🔍 Search field and search results */ /* 🔍 Search field and search results */
.layout-single-column .search { .layout-single-column .search {