J! 4.3.0 Sorting placehoder

[tonamphong]

J4.3.0 updated Bootstrap version 5.2 and the placeholder class changed the default Gantry5 sorting style when moving or sorting the grid/particles.

See

The placeholder css class located at joomla-root/media/templates/administrator/atum/css/template.min.css

.placeholder { background-color: currentcolor; cursor: wait; display: inline-block; min-height: 1em; opacity: .5; vertical-align: middle }

We can avoid this styling issue by adding the css code to g-admin.css

#g5-container .lm-blocks .in-between-grids.placeholder { opacity: 1; min-height: inherit; }

Expected result

[N8Solutions]

@tonamphong Have you tried the recent CI builds? https://gantry.org/downloads#ci-builds

If not, please try those and report back.

[tonamphong]

@tonamphong Have you tried the recent CI builds? https://gantry.org/downloads#ci-builds

If not, please try those and report back.

Sure, latest CI build released: September 29, 2023 The height of placeholder changed and it's hard to drag and drop between the grid block items. You can test the J3 and J4 to see the placeholder's height style between two Joomla version.

[tonamphong]

Joomla 4 using Bootstrap 5 and it's added the CSS style min-height: 1rem for the placeholder, the Gantry5 placeholder inherited the style (min-height) from Atum theme that why we noticed the difference :)

[N8Solutions]

@tonamphong so am I to understand that you tried the CI build and nothing changed?

[tonamphong]

@tonamphong so am I to understand that you tried the CI build and nothing changed?

YES. Did you notice the different about placeholder between J3 and J4 ?