From 167a923fb1004be4964f05c180e37eb4f616a232 Mon Sep 17 00:00:00 2001 From: Thibaud Colas Date: Wed, 31 Aug 2022 12:41:14 +0100 Subject: [PATCH] Adjust comment button positioning to avoid overlaps in field rows Co-authored-by: Steven Steinwand --- .../scss/components/forms/_field-comment-control.scss | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/client/scss/components/forms/_field-comment-control.scss b/client/scss/components/forms/_field-comment-control.scss index fa688cc3fa..9417217731 100644 --- a/client/scss/components/forms/_field-comment-control.scss +++ b/client/scss/components/forms/_field-comment-control.scss @@ -1,4 +1,4 @@ -$button-size: theme('spacing.8'); +$button-size: theme('spacing.5'); .w-field__comment-button { @include transition(opacity 0.2s ease); @@ -54,7 +54,7 @@ $button-size: theme('spacing.8'); @include media-breakpoint-up(sm) { // Partial offset to reduce the change in layout with/without comments. - padding-inline-end: calc($button-size / 2); + padding-inline-end: calc($button-size / 1.5); } } } @@ -88,12 +88,6 @@ $button-size: theme('spacing.8'); .w-field__comment-button--reveal { display: none; - .icon-comment { - // TODO Refactor: this needs different styles only because the icon symbols are drawn at different sizes. - width: theme('spacing.5'); - height: theme('spacing.5'); - } - .tab-content--comments-enabled & { display: block; }