Fix Tom Select input wrapping and restore arrow icon

2026-02-23 20:49:26 +01:00
1 changed files with 14 additions and 0 deletions
@@ -82,6 +82,20 @@
        display: none;
    }
    #eventfilters .ts-wrapper.single .ts-control {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        padding-right: 2rem;
    }
    #eventfilters .ts-wrapper.single .ts-control > input {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto;
    }
 </style>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.css">