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

Fixed missing rounded corners when there was a single trending post

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

7
TangerineUI-purple.css
View file

@ -2166,9 +2166,14 @@ body.layout-single-column {
-------------- */ -------------- */
@media screen and (min-width:890px) { @media screen and (min-width:890px) {
.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: 8px 8px 0 0; border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0; margin-top: 0;
} }
.layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
} }
.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { .layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number {
color: #E53880; color: #E53880;

7
TangerineUI.css
View file

@ -2166,9 +2166,14 @@ body.layout-single-column {
-------------- */ -------------- */
@media screen and (min-width:890px) { @media screen and (min-width:890px) {
.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: 8px 8px 0 0; border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0; margin-top: 0;
} }
.layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
} }
.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { .layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number {
color: #E53880; color: #E53880;

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

@ -2166,9 +2166,14 @@ body.layout-single-column {
-------------- */ -------------- */
@media screen and (min-width:890px) { @media screen and (min-width:890px) {
.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: 8px 8px 0 0; border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0; margin-top: 0;
} }
.layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
} }
.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { .layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number {
color: #E53880; color: #E53880;

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

@ -2166,9 +2166,14 @@ body.layout-single-column {
-------------- */ -------------- */
@media screen and (min-width:890px) { @media screen and (min-width:890px) {
.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: 8px 8px 0 0; border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0; margin-top: 0;
} }
.layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
} }
.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { .layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number {
color: #E53880; color: #E53880;