klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-10 03:49:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve ajax-select style

Browse Source
This commit is contained in:
Antoine Bartuccio
2024-10-20 17:37:51 +02:00
parent be5ce414ba
commit 45441c351d
3 changed files with 19 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
core/static/core/components/ajax-select.scss
View File

@ -1,10 +1,4 @@
/* This also requires ajax-select-index.css */
.tomselected {
.select2-container--default {
color: black;
}
}
.ts-dropdown {
.select-item {
@ -22,20 +16,22 @@
}
}
.ts-control {
.item {
cursor: pointer;
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left: 1px solid black;
}
.ts-wrapper.multi .ts-control [data-value] {
background-image: none;
cursor: pointer;
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
text-shadow: none;
box-shadow: none;
}

3
core/static/webpack/core/components/ajax-select-index.ts
View File

@ -1,4 +1,4 @@
import "tom-select/dist/css/tom-select.css";
import "tom-select/dist/css/tom-select.default.css";
import { inheritHtmlElement, registerComponent } from "#core:utils/web-components";
import TomSelect from "tom-select";
import type {
@ -71,7 +71,6 @@ class AutocompleteSelect extends inheritHtmlElement("select") {
}
protected shouldLoad(query: string) {
console.log(this);
return query.length >= this.minCharNumberForSearch; // Avoid launching search with less than setup number of characters
}