twill icon indicating copy to clipboard operation
twill copied to clipboard

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

Open antonioribeiro opened this issue 1 year ago • 2 comments

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

antonioribeiro avatar Jun 13 '24 07:06 antonioribeiro

I can confirm

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

Tofandel avatar Jun 18 '24 07:06 Tofandel

A fix:

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

Tofandel avatar Jun 18 '24 07:06 Tofandel