Виправити коректне відображення select2 дропдауна

HTML та CSS верстання — неправильно зазначені категорії?

Проєкт перекладено автоматично. Увійдіть або зареєструйтесь, щоб побачити оригінал

Плагін використовується в адмінці AdminLTE2 v.4 (побудована поверх bootstrap5) https://adminlte.io/

потрібно, щоб дропдаун коректно розфарбовувався в обох режимах data-bs-theme="light" і data-bs-theme="dark"

тобто в чорному режимі був чорний фон і білий текст

в атачі тестовий приклад

Проблема виникла при переведенні проекту https://github.com/leon-mbs/zstore на новий бутстрап з вбудованою темною темою

Попередня версія adminlte (з bs4) використовувала свій темний режим і там все само працювало

Можна поміняти (або перескладати) css, головне, щоб було зрозуміло, які змінні або стилі потрібно змінити в реальному проекті.

Для спрощення зміни можна вставити в тег <style> в <body>

Може є якісь адекватні альтернативні рішення, що додають пошук в html select тег

Виконавець повинен розуміти, що робить - ніякого ІІ-байдлокодингу

Ставки 15 Обговорення 2

Максим В.

0 0

Проєкти -
Оцінка -
Рейтинг 172

Бюджет: 1000 UAH Термін: 1 день

Звертайтеся, зроблю

Богдан Мельник

0 0

Проєкти -
Оцінка -
Рейтинг 278

Бюджет: 700 UAH Термін: 1 день

Доброго дня! Знайомий кейс — select2 не підхоплює змінні bootstrap5-теми, бо його розмітка (.select2-selection, .select2-dropdown, .select2-results__option) фарбується власними хардкод-кольорами, тому в темному режимі лишається світлою. Зроблю невеликий CSS під [data-bs-theme="dark"] — перевʼязую контейнер, дропдаун і опції на --bs-body-bg та --bs-body-color, працюватиме в обох режимах без перезбірки. Гляну ваш тестовий приклад і сьогодні віддам готовий блок . За день впораюсь.

Артем Сабельніков

1 0

Проєкти -
Оцінка -
Рейтинг 156

Бюджет: 1000 UAH Термін: 1 день

Доброго дня, був досвід реалізації адмінки через AdminLTE на самописному сайті, а також на базі Laravel. Готовий допомогти у вирішенні вашої проблеми.

Роман Лабойко

3 0

Проєкти 3
Оцінка 5.0
Рейтинг 543

Бюджет: 700 UAH Термін: 1 день

Доброго дня! Ознайомився із завданням. Розумію, в чому проблема: після переходу на Bootstrap 5 плагін не використовує CSS-змінні нової системи тем (data-bs-theme), через що його стилі не адаптуються до світлого та темного режимів.

Можу розібратися, які саме стилі або змінні потрібно перевизначити чи перескласти, щоб дропдаун коректно працював в обох темах. Рішення буде не "костилем", а з поясненням, що саме потрібно змінити в реальному проєкті.

Ігор Доронін

9 0

Проєкти 9
Оцінка 5.0
Рейтинг 656

Бюджет: 700 UAH Термін: 1 день

Доброго дня, Леоніде!
В цілому завдання зрозуміле, для точного відповіді щодо термінів і ціни, хотілося б уточнити деякі питання, які у мене виникли після аналізу вашого завдання.
Пишіть у приватні повідомлення — обговоримо деталі та ваші побажання.