jedna kategoria dla listy

static/css/style.css

@@ -319,17 +319,6 @@ input.form-control {
   }
 }
 
-.ts-control {
-  background-color: #212529 !important;
-  color: #fff !important;
-  border: 1px solid #495057 !important;
-}
-
-.ts-dropdown {
-  background-color: #212529 !important;
-  color: #fff !important;
-  z-index: 9999 !important;
-}
 
 .ts-dropdown .active {
   background-color: #495057 !important;
@@ -348,7 +337,7 @@ input.form-control {
 }
 
 .pagination-dark .page-item.active .page-link {
-  background-color: #0d6efd; /* primary */
+  background-color: #0d6efd;
   border-color: #0d6efd;
   color: #fff;
 }
@@ -358,3 +347,22 @@ input.form-control {
   border-color: #495057;
   color: #6c757d;
 }
+
+.tom-dark .ts-control {
+  background-color: #212529 !important;
+  color: #fff !important;
+  border: 1px solid #495057 !important;
+}
+
+.ts-dropdown {
+  background-color: #212529 !important;
+  color: #fff !important;
+  z-index: 9999 !important;
+}
+
+.tom-dark .ts-control .item {
+  background-color: #343a40 !important;
+  color: #fff !important;
+  border-radius: 0.25rem;
+  padding: 2px 8px;
+}

static/js/select.js

@@ -1,8 +1,8 @@
 document.addEventListener("DOMContentLoaded", function () {
   new TomSelect("#categories", {
     plugins: ['remove_button'],
-    maxItems: 4,
-    placeholder: 'Wybierz kategorie...',
+    maxItems: 1,
+    placeholder: 'Wybierz jedną kategorie...',
     create: false,
     sortField: {
       field: "text",