(core) Polish ChoiceListEntry drag and drop

Summary:
A green line indicating the insertion point is now shown in the
ChoiceListEntry component when dragging and dropping choices, similar
to the one shown in the choice list cell editor.

Test Plan: Tested manually.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D3529

app/client/ui2018/breadcrumbs.ts

@@ -140,10 +140,14 @@ export function docBreadcrumbs(
           ];
         }
       ),
-      editableLabel(
-        docName, options.docNameSave, testId('bc-doc'), cssEditableName.cls(''),
-        dom.boolAttr('disabled', options.isDocNameReadOnly || false),
-      ),
+      editableLabel(docName, {
+        save: options.docNameSave,
+        inputArgs: [
+          testId('bc-doc'),
+          cssEditableName.cls(''),
+          dom.boolAttr('disabled', options.isDocNameReadOnly || false),
+        ],
+      }),
       dom.maybe(options.isPublic, () => cssPublicIcon('PublicFilled', testId('bc-is-public'))),
       dom.domComputed((use) => {
         if (options.isSnapshot && use(options.isSnapshot)) {
@@ -175,10 +179,14 @@ export function docBreadcrumbs(
       separator(' / ',
                 testId('bc-separator'),
                 cssHideForNarrowScreen.cls('')),
-      editableLabel(
-        pageName, options.pageNameSave, testId('bc-page'), cssEditableName.cls(''),
-        dom.boolAttr('disabled', options.isPageNameReadOnly || false),
-        dom.cls(cssHideForNarrowScreen.className),
-      ),
+      editableLabel(pageName, {
+        save: options.pageNameSave,
+        inputArgs: [
+          testId('bc-page'),
+          cssEditableName.cls(''),
+          dom.boolAttr('disabled', options.isPageNameReadOnly || false),
+          dom.cls(cssHideForNarrowScreen.className),
+        ],
+      }),
     );
 }