column drop indicator

[jplevene]

The column drag cursor doesn't go and is always visble.  See attached.

After loading the screen, the drop indicator icon is on the bottom left of the grid.  After moving a column, the drop indicator icon moves from the bottom and does not disappear.

For the icons I am using FontAwesome with the below css to map the Font Awesome icons :

Code: [Select]

.ui-icon {
    background-image: none !important; /* Hide old PNG */
    text-indent: 0 !important;
    overflow: visible !important;
    display: inline-block !important;
    text-align: center;
    width: 1.25em;
    height: 1em;
    line-height: 1;
    vertical-align: middle;
    position: relative;
margin-top: 2px !important;
}

/* --- 2. PSEUDO-ELEMENT SETUP --- */
.ui-icon::before {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900 !important;
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

...
.ui-icon-circle-arrow-n::before { content: "\f0aa"; } /* fa-circle-up */
...

[jplevene]

Last issue is a me problem.  CSS error, I removed the "!important" from the .ui-icon display:inline-block.