nova-multiselect-field icon indicating copy to clipboard operation
nova-multiselect-field copied to clipboard

Field UI problems

Open trippo opened this issue 3 years ago • 9 comments

  • input sty on right => .multiselect__tags need flex-grow:1;
  • border color need to be equal to nova input color
.input-class{
  border-color: rgba(var(--colors-gray-300),var(--tw-border-opacity));
}

.dark .input-class{
  border-color: rgba(var(--colors-gray-700),var(--tw-border-opacity));
}
image image

trippo avatar Jul 16 '22 08:07 trippo

Do you have some conflicting styles that break this? I haven't seen it happen in any version of Nova in my projects.

Tarpsvo avatar Jul 19 '22 16:07 Tarpsvo

No, I have a new nova 4 installation

trippo avatar Jul 21 '22 10:07 trippo

What browser and operating system is this? And what other packages do you have installed?

Tarpsvo avatar Jul 21 '22 10:07 Tarpsvo

Chrome on mac

On nova i use these:

"blendbyte/nova-items-field": "^1.0",
"datomatic/nova-enum-field": "^1.4",
"outl1ne/nova-color-field": "^2.0",
"outl1ne/nova-multiselect-field": "^4.0",
"whitecube/nova-flexible-content": "^1.0",

trippo avatar Jul 23 '22 07:07 trippo

+1

kbellpostman avatar Jul 28 '22 09:07 kbellpostman

yes there is a problem with Ui and reorder.

majweb avatar Aug 01 '22 07:08 majweb

seeing the same issue on my nova4 project.

also have whitecube/nova-flexible-content in there, might this mess up styling?

image

mstaack avatar Aug 08 '22 08:08 mstaack

just confirmed, removing whitecube/nova-flexible-content fixes the aligning issue: image

mstaack avatar Aug 08 '22 08:08 mstaack

there it is: https://github.com/whitecube/nova-flexible-content/issues/356

mstaack avatar Aug 08 '22 09:08 mstaack

fixed in latest nova-flexible-content release !

@Tarpsvo guess this can be closed then. ✌🏼

mstaack avatar Sep 20 '22 11:09 mstaack