Исправить CSS/DOM-верстку карточек в Chrome extension для локализации D&D Beyond

Доброго дня.

Працюю з Chrome Extensions (Manifest V3), TypeScript та content scripts, тому задача виглядає цілком зрозумілою. Судячи з опису, проблема не в локалізації як такій, а в тому, що верстка D&D Beyond розрахована на англомовний контент і використовує фіксовані висоти, overflow та позиціонування елементів, через що український текст фізично не поміщається в картках.

Показать оригинал

Перевести

Добрый день. Меня зовут Николай я Front-End разработчик с опытом боле 6 лет. Успешно разработал не одно расширение на этой платформе.
Открыт к сотрудничеству. Пишите в лс обсудим детали.

Привет, Никита!
Я готов помочь вам с проектом.
У меня есть опыт работы с расширениями для chrome и кастомными скриптами. Подкорректирую стили.
Пишите, буду рад помочь!
Портфолио: Freelancehunt
Пишите, буду рад помочь!

Показать оригинал

Перевести

Доброго дня!

Точкові правки верстки в Chrome-розширеннях (Manifest V3, content scripts) — наш профільний напрямок, завдання зрозуміле повністю. Стек ваш (TypeScript + WXT + CSS-інʼєкція) — наш робочий.

Проблема ясна: український текст довший за англійський, а картки класів мають фіксовані висоти, max-height, overflow:hidden та absolute-кнопку — тому текст і блок характеристик обрізаються.

Як виправимо (за вашими критеріями приймання):

розберемо реальний DOM/CSS карток на /classes;
… scoped CSS-override для .listing-card і вкладених елементів: знімаємо фіксовані висоти / max-height / overflow, переводимо контейнер на auto-height (flex), щоб картка коректно розширювалась під текст;
absolute-кнопку повернемо в потік або додамо нижній відступ, щоб вона не перекривала текст;
рішення працює для всіх карток через класи (не nth-of-type), включно з Artificer, Blood Hunter, Gunslinger тощо;
без line-clamp, без обрізки й приховування тексту;
коректно на всіх ширинах (повноекранний / середній / вузький);
переживає SPA-навігацію назад на /classes (re-apply через MutationObserver);
scoped лише під .body-rpgclass-index, щоб не зачіпати решту сайту;
npm run compile проходить без помилок.
Без переписування проєкту — рівно точкова, але надійна правка, як ви й просите. Дасте репозиторій — розберемо живий DOM і зробимо акуратно.

Деталі по проекту — в особистих. Готові зайти в роботу.

Показать оригинал

Перевести

Здравствуйте!

У меня большой опыт в создании сайтов и приложений.
Готов выполнить поставленную задачу.

Предлагаю обсудить детали в личных сообщениях.

Показать оригинал

Перевести

Добрый день!
Можем помочь с доработкой Chrome Extension на WXT + TypeScript.
Имеем опыт работы с:
• Manifest V3;
• content scripts;
• динамической модификацией DOM;
• CSS override/injection;
• адаптацией сторонних сайтов без вмешательства в их код.

… Для вашего кейса можем:
• проанализировать реальную DOM/CSS-структуру карточек на D&D Beyond;
• убрать ограничения высоты и конфликты overflow;
• обеспечить корректное расширение карточек под украинский текст;
• исправить позиционирование кнопок, чтобы они не перекрывали контент;
• сделать решение адаптивным для разных размеров экрана;
• ограничить действие стилей только страницей /classes;
• проверить корректную работу после SPA-навигации и повторного открытия страницы.
После получения доступа к репозиторию сможем быстро оценить объем работ, сроки и предложить оптимальное решение без переписывания существующей логики локализации.

Показать оригинал

Перевести

Добрый день, тут нет особых проблем, нужно только определиться, что делаем с проблемой - если увеличиваем карточки по высоте, пусть будет так. Внесу правки в контентные скрипты, текст будет помещаться.

Показать оригинал

Перевести

Здравствуйте, сейчас много работаю с расширениями. Выполню вашу задачу быстро. Буду рад вам помочь!

Показать оригинал

Перевести

Здравствуйте! Заинтересовал ваш проект. У меня есть опыт работы с TypeScript, Chrome Extensions (Manifest V3), контентными скриптами, манипуляцией с DOM и кастомными CSS-перекрытиями для сторонних сайтов без вмешательства в их исходный код. Из описания вижу, что проблема не в локализации как таковой, а в том, что D&D Beyond использует жестко ограниченные контейнеры с фиксированными высотами, переполнением и позиционированием элементов под англоязычный контент. После увеличения длины текста на украинском верстка закономерно начинает обрезать контент и конфликтовать с кнопками и блоками statblock. Могу: — проанализировать актуальную DOM и CSS-структуру страницы /classes; — найти все узкие места, которые вызывают обрезание контента; — реализовать аккуратный CSS injection через контентный скрипт; — сделать решение привязанным только к странице классов (.body-rpgclass-index или другой стабильный селектор); — обеспечить корректную работу после SPA-навигации D&D Beyond; — проверить работу для всех классов, включая Artificer, Blood Hunter, Gunslinger и другие; — сохранить максимально близкий к оригиналу вид страницы. Также учту различные размеры экранов и проверю поведение на широком, среднем и узком режимах браузера. Работаю с GitHub workflow, могу внести изменения непосредственно в ваш репозиторий и обеспечить, чтобы npm run compile проходил без ошибок. Готов просмотреть код после предоставления доступа к репозиторию и оперативно подготовить надежное решение без переписывания всей архитектуры расширения.

Показать оригинал

Перевести

Здравствуйте,
У меня большой опыт в разработке браузерных расширений, а также в работе с локализацией и i18n. Готов к сотрудничеству.

Показать оригинал

Перевести

Здравствуйте! Могу выполнить ваше задание. Опыт есть. Пишите договоримся.

думаю могу помочь, надо смотреть расширение полностью
= -=- =- =- =- =- =- =- = -=- =- =- =- =- =- =- = -=- =- =- =- =- =- =-

Обращайтесь, сделаю
-----------------------------------------------------

Это можно сделать за день…
Если точнее, за пару часов.
Напишите мне.

Показать оригинал

Перевести

У меня 3.5 года коммерческого опыта с TypeScript, Vue/Nuxt, React и Node.js. Регулярно работаю с Chrome Extension Manifest V3, контентными скриптами и CSS-инъекциями в живом DOM.

Я вижу задачу четко: фиксированные высоты и overflow:hidden на карточках классов ломаются под длинный украинский текст. Решение scoped на .body-rpgclass-index: снимаем max-height, меняем overflow на visible для .listing-card и вложенных блоков (.listing-card__content, __body, __description, .characters-statblock), выводим .listing-card__callout-button из absolute в нормальный поток. Результат: карточки растут под контент, statblock видим, кнопка не перекрывает текст, npm run compile проходит.

Готов взять в работу после получения файлов из репозитория.

Показать оригинал

Перевести

Добрый день
Задание понял, могу взять в работу

приблизительный план, который вижу, как это сделать

Развернуть проект локально и воспроизвести проблему на странице /classes.
Проанализировать текущую реализацию локализации и механизм подключения стилей.
Исследовать DOM и CSS структуру карточек классов D&D Beyond.
Реализовать CSS-правки для корректного отображения локализованного текста.
… Устранить перекрытие текста кнопками и обеспечить корректное отображение характеристик.
Проверить работу для всех карточек классов, включая дополнительные.
Проверить адаптивность на разных размерах экрана.
Проверить корректную работу после навигации между страницами.
Провести финальное тестирование и проверить успешную сборку проекта.

по стоимости ориентировочно могу предложить 1250грн, или если есть желаемый ориентир по сумме, тоже можете сказать, я смогу рассмотреть

на данный момент не загружен, смогу оперативно приступить к выполнению

Показать оригинал

Перевести

Здравствуйте! Готов обсудить и выполнить Ваш заказ.

https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/

Показать оригинал

Перевести

Привет!

Вижу проблему четко — фиксированные высоты и overflow:hidden на карточках ломают верстку при длинном украинском тексте.

Решение: scoped CSS override в content script только для .body-rpgclass-index — убираем max-height, overflow:hidden, даем карточкам расширяться по высоте, фиксируем кнопку.

Стек: TypeScript, Chrome Extension MV3, WXT, CSS injection.
Готов после доступа к GitHub репозиторию.

… Стоимость: 800 UAH
Срок: 1 день

Показать оригинал

Перевести

Доброй ночи. Могу исправить проблему с версткой карточек на D&D Beyond для украинской локализации. Проанализирую DOM/CSS структуру, подготовлю универсальный CSS override для всех классов, интегрирую решение в content script WXT и проверю работу на разных размерах экрана.

Показать оригинал

Перевести

здраствуйте, могу помочь давайте перейдем в личние и все обсудим сроки 1 день цена 1000грн

Доброго дня! Подивився ваші скріни — проблему видно чітко: у картках (Паладін, Рейнджер тощо) блок статів «Основна характеристика / Кістка хітів / Рятівні» перекривається помаранчевою кнопкою внизу, а низ тексту ріжеться. Це фіксована висота + overflow:hidden + absolute-кнопка ламаються під довший український текст.

Як виправлю (точково, scoped):
- CSS-override, прив'язаний до .body-rpgclass-index (тільки сторінка класів), інжектиться з content script.
- .listing-card + діти (__content, __body, __description, .characters-statblock): height / max-height → auto, overflow:hidden → visible, контент у flex-column — опис і статблок течуть, картка росте під текст.
- .listing-card__callout / __callout-button: виводжу кнопку з absolute у потік (звичайний блок наприкінці картки) — більше не перекриває статблок.
- Працює для ВСІХ карток (спільні класи, без nth-of-type), на повноекранному / середньому / вузькому.
- Без обрізання, line-clamp і приховування — як у вимогах.
- D&D Beyond SPA: після повернення на /classes стилі переприкладаю (зачеплюся у ваш MutationObserver / re-translate), щоб трималося.
… - npm run compile — без помилок.

Уточню: 1) Стилі інжектяться через content_scripts.css чи програмно? 2) Є MutationObserver на ре-переклад, у який зачепитися?

Орієнтовно: 1500 грн, 1–2 дні (точкова правка, не переписування). Готовий почати одразу, щойно надасте доступ до репозиторію (GitHub).

Показать оригинал

Перевести

Уже было сотрудничество, готов выполнить, время, цену согласуем в личных сообщениях.

Показать оригинал

Перевести

Здравствуйте, меня зовут Никита.
Готов помочь с исправлением CSS и DOM-верстки карточек для вашего расширения под D&D Beyond.
Переопределю стили так, чтобы украинский текст не ломал карточки, а все блоки и кнопки отображались корректно на разных экранах.

Имею опыт разработки Chrome extensions на Manifest V3 и TypeScript, поэтому быстро разберусь с вашим кодом.
Портфолио: Freelancehunt

Ориентировочные цена, сроки: 1500 грн, 1-2 дня.
Пишите, договоримся.

Показать оригинал

Перевести