Poprawić poprawne wyświetlanie dropdownu select2

Układ HTML i CSS — podano nieprawidłowe kategorie?

Zlecenie jest tłumaczone automatycznie. Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

Wtyczka jest używana w panelu AdminLTE2 v.4 (oparta na bootstrap5) https://adminlte.io/

potrzebne jest, aby dropdown poprawnie kolorował się w obu trybach data-bs-theme="light" i data-bs-theme="dark"

to znaczy w trybie ciemnym miał czarne tło i biały tekst

w załączniku testowy przykład

Problem pojawił się podczas przenoszenia projektu https://github.com/leon-mbs/zstore na nowy bootstrap z wbudowanym ciemnym motywem

Poprzednia wersja adminlte (z bs4) używała swojego trybu ciemnego i tam wszystko działało samo

Można zmienić (lub przebudować) css, ważne, aby było jasne, które zmienne lub style należy zmienić w rzeczywistym projekcie.

Aby uprościć zmiany, można wstawić do tagu <style> w <body>

Może są jakieś sensowne alternatywne rozwiązania, dodające wyszukiwanie w tagu html select

Wykonawca musi rozumieć, co robi - żadnego AI-łajdactwa

Oferty 15 Dyskusje 2

Maksym V.

0 0

Zlecenia -
Ocena -
Ranking 172

Budżet: 1000 UAH Termin: 1 dzień

Zgłaszajcie się, zrobię

Bohdan Melnyk

0 0

Zlecenia -
Ocena -
Ranking 278

Budżet: 700 UAH Termin: 1 dzień

Dzień dobry! Znany przypadek — select2 nie przechwytuje zmiennych motywu bootstrap5, ponieważ jego markup (.select2-selection, .select2-dropdown, .select2-results__option) jest malowany własnymi hardkodowanymi kolorami, dlatego w trybie ciemnym pozostaje jasny. Zrobię mały CSS pod [data-bs-theme="dark"] — powiążę kontener, dropdown i opcje z --bs-body-bg oraz --bs-body-color, będzie działać w obu trybach bez przebudowy. Sprawdzę wasz testowy przykład i dzisiaj oddam gotowy blok. W ciągu dnia się wyrobię.

Artem Sabelnikov

1 0

Zlecenia -
Ocena -
Ranking 156

Budżet: 1000 UAH Termin: 1 dzień

Dzień dobry, miałem doświadczenie w realizacji panelu administracyjnego przez AdminLTE w autorskiej stronie, a także na bazie Laravel. Jestem gotów pomóc w rozwiązaniu twojego problemu.

Roman Laboyko

3 0

Budżet: 700 UAH Termin: 1 dzień

Dzień dobry! Zapoznałem się z zadaniem. Rozumiem, na czym polega problem: po przejściu na Bootstrap 5 wtyczka nie wykorzystuje zmiennych CSS nowego systemu motywów (data-bs-theme), przez co jej style nie dostosowują się do jasnego i ciemnego trybu.

Mogę zająć się tym, jakie dokładnie style lub zmienne należy nadpisać lub przeliczyć, aby dropdown poprawnie działał w obu motywach. Rozwiązanie nie będzie "łata", a z wyjaśnieniem, co dokładnie należy zmienić w rzeczywistym projekcie.

Ihor Doronin

9 0

Budżet: 700 UAH Termin: 1 dzień

Dzień dobry, Leonid!
Ogólnie zadanie jest jasne, aby dokładnie odpowiedzieć na pytania dotyczące terminów i ceny, chciałbym wyjaśnić kilka kwestii, które pojawiły się po analizie twojego zadania.
Pisz w wiadomościach prywatnych — omówimy szczegóły i twoje życzenia.