Next major version 2 with PHP 8.1, Symfony 6, Tabler UI, 2FA ... (#2902)

assets/sass/selectpicker.scss

@@ -1,29 +1,26 @@
-@import '~select2/dist/css/select2.min.css';
-@import '~select2-bootstrap-theme/dist/select2-bootstrap.min.css';
+@import '~tom-select/dist/scss/tom-select.bootstrap5';
 
-/* some labels were placed incorrect due to a margin-top: -4px */
-.select2-container .select2-selection--single .select2-selection__rendered {
-    margin-top: 0;
-}
-/* make sure the border looks like all other form elements */
-.select2-container--bootstrap .select2-selection {
-    border-radius: 0;
-}
-/* placeholder in multi-selects were cut off */
-.select2-search.select2-search--inline .select2-search__field {
-    width: 100% !important;
-}
-/* make sure that <optgroup> elements are padded, to allow visual difference to global activities */
-.select2-container--bootstrap .select2-results__options.select2-results__options--nested li.select2-results__option {
-    padding-left: 30px;
-}
-/* empty <option> were too small to be noticed as clickable element */
-.select2-container--bootstrap .select2-results__option {
-    min-height: 30px;
+/* bootstrap thead.sticky-top has z-index 1020 and tomselect dropdowns often hide behind that */
+.ts-dropdown {
+    z-index: 1021;
 }
 
-/* Fixes the size on quick-entry form */
-.select2-container--bootstrap {
-    display: table;
-    table-layout: fixed;
+.ts-control {
+    > input {
+        min-width: unset;
+    }
+    .item {
+        white-space: nowrap!important;
+    }
+}
+
+.ts-dropdown {
+    .optgroup-header {
+        background-color: #eee;
+        color: #000;
+        font-weight: 600;
+    }
+    [data-selectable].option {
+        padding-left: 20px;
+    }
 }