mirror
/
wagtail
kopia lustrzana https://github.com/wagtail/wagtail
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Adjust comment button positioning to avoid overlaps in field rows 

Co-authored-by: Steven Steinwand <steven_ts@hotmail.com>
pull/9093/head
Thibaud Colas 2022-08-31 12:41:14 +01:00
rodzic 1f08152d42
commit 167a923fb1
1 zmienionych plików z 2 dodań i 8 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

10
client/scss/components/forms/_field-comment-control.scss
Wyświetl plik

@ -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;
}