getkirby / kirby

Kirby's core application folder
https://getkirby.com
Other
1.27k stars 167 forks source link

Panel: Long tags wrap text which overflows black box #3614

Closed rasteiner closed 2 years ago

rasteiner commented 3 years ago

Describe the bug
See screenshot

To Reproduce
Steps to reproduce the behavior:

  1. Have a tags field
  2. Insert e very long tag

Expected behavior
Either clip the text with an ellipsis, or don't fix the height of tags (replace it with min-height and paddings; at least in list layout).

Screenshots Is now: image Could be: image

Kirby Version
3.5.6

Additional context
Can be worked around with custom panel css:

.k-input[data-theme=field][data-type=tags] .k-tags-input[data-layout=list] .k-tag {
    height:auto; 
    min-height:1.75rem;
}

.k-tags-input[data-layout=list] .k-tag-text {
    padding:.25rem .75rem;
}
bastianallgeier commented 2 years ago