added records file picker support for the editor field

ui/src/scss/_form.scss

@@ -190,6 +190,16 @@ button {
         }
     }
 
+    // alignments
+    &.txt-left {
+        text-align: left;
+        justify-content: flex-start;
+    }
+    &.txt-right {
+        text-align: right;
+        justify-content: flex-end;
+    }
+
     // sizes
     &.btn-expanded {
         min-width: 150px;
@@ -342,6 +352,13 @@ button {
             }
         }
     }
+
+    // scrolling helpers
+    &.btn-horizontal-sticky {
+        position: sticky;
+        left: var(--xsSpacing);
+        right: var(--xsSpacing);
+    }
 }
 
 .btns-group {
@@ -1070,6 +1087,16 @@ select {
             }
         }
     }
+
+    &.upside {
+        .selected-container.active {
+            border-radius: 0 0 var(--baseRadius) var(--baseRadius);
+        }
+        .options-dropdown {
+            border-radius: var(--baseRadius) var(--baseRadius) 0 0;
+            margin: 0;
+        }
+    }
 }
 
 .field-type-select {
@@ -1252,12 +1279,25 @@ select {
     }
 }
 body {
+    .tox .tox-dialog {
+        border: 0;
+        border-radius: var(--baseRadius);
+    }
+    .tox .tox-dialog-wrap__backdrop {
+        background: var(--overlayColor);
+    }
     .tox .tox-tbtn {
         height: 30px;
         svg {
             transform: scale(0.85);
         }
     }
+    .tox .tox-collection__item-checkmark,
+    .tox .tox-collection__item-icon {
+        width: 22px;
+        height: 22px;
+        transform: scale(0.85);
+    }
     .tox .tox-tbtn:not(.tox-tbtn--select) {
         width: 30px;
     }