badblocks/pkmntrade.club
1
1
Fork 0
Code Issues 14 Pull requests Projects 1 Releases Packages Wiki Activity

make card_multiselect DRY, closes #26

Browse source
This commit is contained in:
badblocks 2025-04-15 00:51:47 -07:00
parent afaa392b2f
commit 10386b1ce9
6 changed files with 311 additions and 310 deletions
Download patch file Download diff file Expand all files Collapse all files

88
static/css/card-multiselect.css Normal file
View file

@ -0,0 +1,88 @@
select.card-multiselect {
height: calc(var(--spacing) * 35);
/*background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%); */
background-image: none;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: var(--color-neutral);
}
.choices[data-type*=select-one] .choices__input {
border-bottom: 1px solid var(--btn-shadow);
background-color: var(--color-base-100);
}
.choices[data-type*=select-one] .choices__button:focus {
box-shadow: 0 0 0 2px #005F75;
}
.choices__inner {
background-color: var(--color-base-100);
border: 1px solid var(--btn-shadow);
}
.is-focused .choices__inner, .is-open .choices__inner {
border-color: var(--btn-shadow);
}
.choices__list--multiple .choices__item {
background-color: var(--color-base-100);
border: 1px solid var(--btn-shadow);
color: var(--color-primary);
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: var(--color-base-100);
border: 1px solid var(--btn-shadow);
}
.is-disabled .choices__list--multiple .choices__item {
background-color: var(--color-neutral);
border: 1px solid var(--btn-shadow);
}
.choices__list--dropdown, .choices__list[aria-expanded] {
background-color: var(--color-base-100);
border: 1px solid var(--btn-shadow);
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
border-color: var(--btn-shadow);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
background-color: var(--color-base-100);
border: 1px solid var(--btn-shadow);
}
.choices__heading {
border-bottom: 1px solid var(--btn-shadow);
color: var(--color-neutral);
}
.choices__input {
background-color: var(--color-base-100);
}
.choices.select {
height: inherit;
padding-inline-start: 0;
}
.choices__inner {
border: 1px solid var(--color-gray-500) !important;
}
.choices__list {
border: none !important;
}
.choices__list--dropdown {
border-left: 1px solid var(--color-gray-500) !important;
border-right: 1px solid var(--color-gray-500) !important;
border-bottom: 1px solid var(--color-gray-500) !important;
border-top: none !important;
}
.choices.select[data-type*="select-one"]::after {
display: none;
}
.choices__inner.bg-secondary {
background-color: var(--color-secondary);
border: none;
z-index: 10;
}
.choices__item.mx-auto.w-max:hover {
background-color: #e2e8f0;
}
.choices__input,
.choices__input--cloned {
width: 100% !important;
}
.choices__list--dropdown span.card-quantity-badge {
display: none;
}