search

area17 / twill

Twill is an open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible. Chat with us on Discord at https://discord.gg/cnWk7EFv8R.
https://twillcms.com
Apache License 2.0
3.62k stars 559 forks source link

Media Library (all?) tag close button (x) is misplaced #2608

Open antonioribeiro opened 3 weeks ago

antonioribeiro commented 3 weeks ago

Description

On the media library the tag close button (x) is misplaced, and a php artisan twill:update didn't fix it.

Screenshot 2024-06-13 at 09 42 24

This is how it looks originally (Pentagram):

Screenshot 2024-06-13 at 09 42 40

This is how it looks on a Twill 3.1 app:

Screenshot 2024-06-13 at 09 48 18

Steps to reproduce

Just go to the media library and tag any image.

Twill version: 3.3.1 Laravel version: 11 PHP version: 8.3

Tofandel commented 2 weeks ago

I can confirm

It's inheriting a transform: translateY(-50%) from .a17 .vselect__field .vs__selected button

Tofandel commented 2 weeks ago

A fix:

.a17 .vselect--small.vselect--multiple .vs__selected .close, .a17 .vselect--small.vselect--multiple .vs__selected .vs__deselect {
    top: 50%;
}