From 164780b9ed6f6af204c252a41128f9d921c4e589 Mon Sep 17 00:00:00 2001 From: bakaneko Date: Tue, 12 Sep 2023 18:38:42 +0900 Subject: [PATCH 1/2] work around reply box having the wrong background colour extents --- resources/css/bem/beatmap-discussion-post.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/resources/css/bem/beatmap-discussion-post.less b/resources/css/bem/beatmap-discussion-post.less index 56f665c87a7..cec2c9b3035 100644 --- a/resources/css/bem/beatmap-discussion-post.less +++ b/resources/css/bem/beatmap-discussion-post.less @@ -30,6 +30,10 @@ } &--new-reply { + // use padding because this section is a different background colour to the parent + // and fortunately doesn't need an anchor. + margin: 0; + padding: 10px 0; background-color: @osu-colour-b5; border-radius: 0 0 @border-radius-base @border-radius-base; } From 5584e528ec17f324070b0bf5c549c779f36f4c7e Mon Sep 17 00:00:00 2001 From: bakaneko Date: Tue, 12 Sep 2023 20:22:49 +0900 Subject: [PATCH 2/2] =?UTF-8?q?discussion=20styling=20is=20fun=20=E3=83=BD?= =?UTF-8?q?(=20=EF=BE=9F=20=E3=83=AF=20=E3=80=82)=E3=83=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/css/bem/beatmap-discussion-post.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/resources/css/bem/beatmap-discussion-post.less b/resources/css/bem/beatmap-discussion-post.less index cec2c9b3035..f7272fb9386 100644 --- a/resources/css/bem/beatmap-discussion-post.less +++ b/resources/css/bem/beatmap-discussion-post.less @@ -30,10 +30,9 @@ } &--new-reply { - // use padding because this section is a different background colour to the parent - // and fortunately doesn't need an anchor. + // remove margin because this section is a different background colour to the parent + // and fortunately doesn't need an anchor. Also the padding for reply is on __content. margin: 0; - padding: 10px 0; background-color: @osu-colour-b5; border-radius: 0 0 @border-radius-base @border-radius-base; } @@ -145,6 +144,7 @@ } .@{_top}--new-reply & { + padding-top: 10px; padding-bottom: 0; } }