From 48d74503a01cfa4a2e5a96e6a664ffc39a3f2bba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Tue, 1 Aug 2023 13:17:10 +0200 Subject: [PATCH] Fixed missing rounded corners when there was a single trending post --- TangerineUI-purple.css | 7 ++++++- TangerineUI.css | 7 ++++++- .../styles/tangerineui-purple/layout-single-column.scss | 7 ++++++- .../styles/tangerineui/layout-single-column.scss | 7 ++++++- 4 files changed, 24 insertions(+), 4 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 64a51ee..0bcb92d 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -2166,9 +2166,14 @@ body.layout-single-column { -------------- */ @media screen and (min-width:890px) { .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; } + .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 { color: #E53880; diff --git a/TangerineUI.css b/TangerineUI.css index fa1fb47..34776ee 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -2166,9 +2166,14 @@ body.layout-single-column { -------------- */ @media screen and (min-width:890px) { .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; } + .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 { color: #E53880; diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index 64a51ee..0bcb92d 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -2166,9 +2166,14 @@ body.layout-single-column { -------------- */ @media screen and (min-width:890px) { .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; } + .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 { color: #E53880; diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index fa1fb47..34776ee 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -2166,9 +2166,14 @@ body.layout-single-column { -------------- */ @media screen and (min-width:890px) { .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; } + .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 { color: #E53880;