Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D Beyond

Budżet: 1500 UAH Termin: 2 dni

Dzień dobry! Zobaczyłem wasze zrzuty ekranu — problem jest wyraźnie widoczny: w kartach (Paladyn, Łowca itp.) blok statystyk „Główna cecha / Kość hitów / Ratujące” jest zasłaniany pomarańczowym przyciskiem na dole, a dolna część tekstu jest obcinana. To stała wysokość + overflow:hidden + przycisk absolute łamie się pod dłuższym ukraińskim tekstem.

Jak to naprawię (punktowo, scoped):
- CSS-override, związany z .body-rpgclass-index (tylko strona klas), wstrzykiwany z content script.
- .listing-card + dzieci (__content, __body, __description, .characters-statblock): height / max-height → auto, overflow:hidden → visible, zawartość w flex-column — opis i statblock płyną, karta rośnie pod tekst.
- .listing-card__callout / __callout-button: wprowadzam przycisk z absolute do przepływu (zwykły blok na końcu karty) — już nie zasłania statblocku.
- Działa dla WSZYSTKICH kart (wspólne klasy, bez nth-of-type), w trybie pełnoekranowym / średnim / wąskim.
- Bez obcinania, line-clamp i ukrywania — jak w wymaganiach.
- D&D Beyond SPA: po powrocie na /classes style ponownie wstrzykuję (zaczepię się w waszym MutationObserver / re-translate), aby się utrzymały.
- npm run compile — bez błędów.

Uściślę: 1) Style są wstrzykiwane przez content_scripts.css czy programowo? 2) Czy jest MutationObserver na re-przekład, w który można się zaczepić?

Orientacyjnie: 1500 UAH, 1–2 dni (punktowa poprawka, nie przepisywanie). Gotowy do rozpoczęcia od razu, jak tylko udostępnicie dostęp do repozytorium (GitHub). Rozwiń

Budżet: 1500 UAH Termin: 2 dni

Cześć, Mykyta! 👋

Zapoznałem się z opisem i wyraźnie widzę problem: podczas lokalizacji D&D Beyond karty klas mają stałe wysokości i overflow, przez co ukraiński tekst jest obcinany. Pracuję z TypeScript, skryptami treści dla Chrome MV3 oraz CSS-override'ami; mam doświadczenie w wprowadzaniu punktowych poprawek stylów i manipulacjach DOM na żywych stronach bez radykalnej ingerencji w UI.

Mogę zrobić solidną, scoped-poprawkę w skrypcie treści (ukierunkowaną na .body-rpgclass-index lub /classes), aby karty mogły poprawnie się rozszerzać pod ukraiński tekst, characters-statblock był całkowicie widoczny, a przyciski nie zasłaniały treści. Gwarantuję zachowanie oryginalnego wyglądu w miarę możliwości oraz kompatybilność z npm run compile.

Jestem gotów zacząć po uzyskaniu dostępu do repozytorium lub wskazanych plików (entrypoints/dndbeyond.content/index.tsx, lib/dndbeyond/localizer.ts, lib/dndbeyond/dictionary.ts) — odpowiem na wszelkie pytania i prześlę pierwsze poprawki w formie PR/patcha.

🌐 Portfolio z ostatnimi przypadkami:
https://mrnko.com

💼 Profil Freelancehunt:
Freelancehunt

🤝 Chętnie omówię szczegóły projektu, odpowiem na Twoje pytania i zaproponuję najlepsze rozwiązanie, aby osiągnąć pożądany rezultat.

⭐️⭐️⭐️⭐️⭐️ Pracujmy razem — i stwórzmy wspólnie wysokiej jakości produkt, który przyniesie rezultaty Twojemu biznesowi! 🚀✨ Jestem gotów rozpocząć pracę już w najbliższym czasie. Rozwiń

Budżet: 1500 UAH Termin: 2 dni

Cześć, nazywam się Mykyta.\nJestem gotów pomóc w poprawie CSS i DOM układu kart dla twojego rozszerzenia pod D&D Beyond.\nPrzeprojektuję style tak, aby ukraiński tekst nie łamał kart, a wszystkie bloki i przyciski były poprawnie wyświetlane na różnych ekranach.\n\nMam doświadczenie w tworzeniu rozszerzeń Chrome na Manifest V3 oraz TypeScript, więc szybko zrozumiem twój kod.\nPortfolio: Freelancehunt\n\nOrientacyjne ceny, terminy: 1500 UAH, 1-2 dni.\nPisz, dogadamy się.

Budżet: 2000 UAH Termin: 7 dni

Cześć, pracowałem nad rozszerzeniem Chrome do tłumaczenia interfejsu Jira na ukraiński (projekt "JiraUA Translator") - również napotkałem problemy z overflow i zniszczonym układem po lokalizacji, naprawiłem ponad 150 konfliktów CSS dla dynamicznych kart.

Ciekawe, czy już próbowaliście używać CSS Grid zamiast Flexbox dla .listing-card__content, czy problem leży w absolutnym pozycjonowaniu bloków cech?

Proponuję się skontaktować, chętnie doradzę technicznie za darmo i wspólnie stworzymy plan rozwoju + opowiem o moim zespole! ⚡

Budżet: 1500 UAH Termin: 2 dni

Dzień dobry.

Pracuję z rozszerzeniami Chrome (Manifest V3), TypeScript i skryptami treści, więc zadanie wydaje się całkowicie zrozumiałe. Sądząc po opisie, problem nie leży w lokalizacji jako takiej, lecz w tym, że układ D&D Beyond jest zaprojektowany na anglojęzyczne treści i wykorzystuje stałe wysokości, overflow oraz pozycjonowanie elementów, przez co ukraiński tekst fizycznie nie mieści się w kartach.

Budżet: 2000 UAH Termin: 2 dni

Dzień dobry. Nazywam się Nikolaj, jestem programistą Front-End z ponad 6-letnim doświadczeniem. Z powodzeniem opracowałem niejedno rozszerzenie na tej platformie. Jestem otwarty na współpracę. Piszcie na priv, omówimy szczegóły.

Budżet: 1000 UAH Termin: 1 dzień

Cześć, Mykyta!\nJestem gotów pomóc Ci w projekcie.\nMam doświadczenie w pracy z rozszerzeniami chrome i niestandardowymi skryptami. Poprawię style.\nPisz, chętnie Ci pomogę!\nPortfolio: Freelancehunt\nPisz, chętnie Ci pomogę!

Budżet: 1000 UAH Termin: 1 dzień

Dzień dobry!

Punktowe poprawki w układzie rozszerzeń Chrome (Manifest V3, skrypty zawartości) — to nasza specjalizacja, zadanie jest całkowicie zrozumiałe. Twój stack (TypeScript + WXT + wstrzykiwanie CSS) — to nasza robocza technologia.

Problem jest jasny: ukraiński tekst jest dłuższy niż angielski, a karty klas mają stałe wysokości, max-height, overflow:hidden oraz przycisk absolutny — dlatego tekst i blok cech są obcinane.

Jak to naprawimy (zgodnie z Twoimi kryteriami akceptacji):

rozbierzemy rzeczywisty DOM/CSS kart na /classes;
scoped CSS-override dla .listing-card i zagnieżdżonych elementów: usuniemy stałe wysokości / max-height / overflow, przekształcimy kontener na auto-height (flex), aby karta poprawnie rozszerzała się pod tekst;
przycisk absolutny przywrócimy do przepływu lub dodamy dolny margines, aby nie zasłaniał tekstu;
rozwiązanie działa dla wszystkich kart przez klasy (nie nth-of-type), w tym Artificer, Blood Hunter, Gunslinger itd.;
bez line-clamp, bez obcinania i ukrywania tekstu;
poprawnie na wszystkich szerokościach (pełnoekranowy / średni / wąski);
przetrwa nawigację SPA z powrotem na /classes (re-apply przez MutationObserver);
scoped tylko pod .body-rpgclass-index, aby nie dotykać reszty strony;
npm run compile przechodzi bez błędów.
Bez przepisywania projektu — dokładna, ale niezawodna poprawka, jak prosisz. Daj repozytorium — rozbierzemy żywy DOM i zrobimy to starannie.

Szczegóły dotyczące projektu — w wiadomościach prywatnych. Jesteśmy gotowi do pracy. Rozwiń

Budżet: 1500 UAH Termin: 2 dni

Cześć!

Mam duże doświadczenie w tworzeniu stron internetowych i aplikacji.
Jestem gotów wykonać postawione zadanie.

Proponuję omówić szczegóły w wiadomościach prywatnych.

Budżet: 1000 UAH Termin: 3 dni

Dzień dobry!
Możemy pomóc w dopracowaniu rozszerzenia Chrome na WXT + TypeScript.
Mamy doświadczenie w pracy z:
• Manifest V3;
• skryptami zawartości;
• dynamiczną modyfikacją DOM;
• nadpisywaniem/iniekcją CSS;
• adaptacją zewnętrznych stron bez ingerencji w ich kod.
Dla Twojego przypadku możemy:
• przeanalizować rzeczywistą strukturę DOM/CSS kart na D&D Beyond;
• usunąć ograniczenia wysokości i konflikty overflow;
• zapewnić poprawne rozszerzenie kart pod ukraiński tekst;
• poprawić pozycjonowanie przycisków, aby nie zasłaniały treści;
• uczynić rozwiązanie responsywnym dla różnych rozmiarów ekranu;
• ograniczyć działanie stylów tylko do strony /classes;
• sprawdzić poprawne działanie po nawigacji SPA i ponownym otwarciu strony.
Po uzyskaniu dostępu do repozytorium będziemy mogli szybko ocenić zakres prac, terminy i zaproponować optymalne rozwiązanie bez przepisywania istniejącej logiki lokalizacji. Rozwiń

Budżet: 1500 UAH Termin: 2 dni

Dzień dobry, nie ma tutaj szczególnych problemów, trzeba tylko zdecydować, co robimy z problemem - jeśli zwiększamy karty pod względem wysokości, niech tak będzie. Wprowadzę poprawki w skrypty treści, tekst będzie się mieścił.

Budżet: 1200 UAH Termin: 1 dzień

Witam, obecnie dużo pracuję z rozszerzeniami
Wykonam Twoje zadanie szybko
Będę zadowolony, że mogę Ci pomóc!

Budżet: 6000 UAH Termin: 3 dni

Witam! Zainteresował mnie Twój projekt. Mam doświadczenie w pracy z TypeScript, rozszerzeniami Chrome (Manifest V3), skryptami treści, manipulacją DOM oraz niestandardowymi nadpisaniami CSS dla zewnętrznych stron bez ingerencji w ich kod źródłowy. Z opisu widzę, że problem nie leży w lokalizacji jako takiej, ale w tym, że D&D Beyond używa sztywno ograniczonych kontenerów z ustalonymi wysokościami, overflow i pozycjonowaniem elementów pod anglojęzyczną treść. Po zwiększeniu długości tekstu w języku ukraińskim, układ naturalnie zaczyna przycinać treść i kolidować z przyciskami oraz blokami statblock. Mogę: — przeanalizować aktualną strukturę DOM i CSS strony /classes; — znaleźć wszystkie wąskie gardła, które powodują przycinanie treści; — zrealizować staranny CSS injection przez skrypt treści; — uczynić rozwiązanie związanym tylko z stroną klas (.body-rpgclass-index lub innym stabilnym selektorem); — zapewnić poprawne działanie po nawigacji SPA D&D Beyond; — sprawdzić działanie dla wszystkich klas, w tym Artificer, Blood Hunter, Gunslinger i innych; — zachować maksymalnie zbliżony do oryginału wygląd strony. Również wezmę pod uwagę różne rozmiary ekranów i sprawdzę zachowanie w szerokim, średnim i wąskim trybie przeglądarki. Pracuję z GitHub workflow, mogę wprowadzać zmiany bezpośrednio w Twoim repozytorium i zapewnić, że npm run compile przechodzi bez błędów. Jestem gotów przejrzeć kod po uzyskaniu dostępu do repozytorium i szybko przygotować solidne rozwiązanie bez przepisywania całej architektury rozszerzenia.

Budżet: 5000 UAH Termin: 3 dni

Cześć,
Mam duże doświadczenie w tworzeniu rozszerzeń przeglądarki, a także w pracy z lokalizacją i i18n. Jestem gotowy do współpracy.

Budżet: 3000 UAH Termin: 5 dni

Cześć! Mogę wykonać twoje zadanie. Mam doświadczenie. Napisz, dogadamy się.

Budżet: 3000 UAH Termin: 2 dni

myślę, że mogę pomóc, trzeba zobaczyć rozszerzenie w całości
= -=- =- =- =- =- =- =- = -=- =- =- =- =- =- =- = -=- =- =- =- =- =- =-

Budżet: 3000 UAH Termin: 2 dni

Zgłaszajcie się, zrobię

Budżet: 700 UAH Termin: 1 dzień

To można zrobić w ciągu dnia…
Jeśli dokładniej, w ciągu kilku godzin
Napisz do mnie

Budżet: 5000 UAH Termin: 2 dni

Mam 3,5-letnie doświadczenie komercyjne z TypeScript, Vue/Nuxt, React i Node.js. Regularnie pracuję z Chrome Extension Manifest V3, skryptami treści i wstrzyknięciami CSS w żywym DOM.

Widzę zadanie jasno: stałe wysokości i overflow:hidden na kartach klas łamią się pod dłuższym ukraińskim tekstem. Rozwiązanie scoped na .body-rpgclass-index: zdejmujemy max-height, zmieniamy overflow na visible dla .listing-card oraz zagnieżdżonych bloków (.listing-card__content, __body, __description, .characters-statblock), wyprowadzamy .listing-card__callout-button z absolute do normalnego przepływu. Wynik: karty rosną pod treścią, statblock jest widoczny, przycisk nie zasłania tekstu, npm run compile przechodzi.

Jestem gotów podjąć się pracy po otrzymaniu plików z repozytorium.

Budżet: 1000 UAH Termin: 1 dzień

Dzień dobry
Zadanie zrozumiałem, mogę je podjąć

przybliżony plan, który widzę, jak to zrobić

Rozwinąć projekt lokalnie i odtworzyć problem na stronie /classes.
Przeanalizować aktualną realizację lokalizacji oraz mechanizm podłączania stylów.
Zbadać strukturę DOM i CSS kart klas D&D Beyond.
Zrealizować poprawki CSS dla prawidłowego wyświetlania zlokalizowanego tekstu.
Usunąć nakładanie się tekstu na przyciski i zapewnić prawidłowe wyświetlanie cech.
Sprawdzić działanie dla wszystkich kart klas, w tym dodatkowych.
Sprawdzić responsywność na różnych rozmiarach ekranu.
Sprawdzić prawidłowe działanie po nawigacji między stronami.
Przeprowadzić końcowe testowanie i sprawdzić udane zbudowanie projektu.

co do kosztów, orientacyjnie mogę zaproponować 1250 zł, lub jeśli masz preferowany punkt odniesienia co do kwoty, również możesz powiedzieć, mogę to rozważyć

na razie nie jestem obciążony, mogę szybko przystąpić do realizacji Rozwiń

Budżet: 2200 UAH Termin: 2 dni

Witam! Gotowy omówić i zrealizować Twoje zamówienie.

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

Budżet: 800 UAH Termin: 1 dzień

Cześć!

Widzę problem wyraźnie — stałe wysokości i overflow:hidden na kartach psują układ przy dłuższym ukraińskim tekście.

Rozwiązanie: scoped CSS override w skrypcie treści tylko dla .body-rpgclass-index — usuwamy max-height, overflow:hidden, pozwalamy kartom rozszerzać się w wysokości, blokujemy przycisk.

Stos: TypeScript, Chrome Extension MV3, WXT, wstrzykiwanie CSS.
Gotowy po uzyskaniu dostępu do repozytorium GitHub.

Koszt: 800 UAH
Termin: 1 dzień Rozwiń

Budżet: 1000 UAH Termin: 2 dni

Dobranoc. Mogę naprawić problem z układem kart na D&D Beyond dla ukraińskiej lokalizacji. Przeanalizuję strukturę DOM/CSS, przygotuję uniwersalny CSS override dla wszystkich klas, zintegrować rozwiązanie w skrypcie treści WXT i sprawdzę działanie na różnych rozmiarach ekranu.

Budżet: 999 UAH Termin: 1 dzień

Cześć, mogę pomóc, przejdźmy do wiadomości prywatnej i wszystko omówimy, czas realizacji 1 dzień, cena 1000 UAH.

Budżet: 1500 UAH Termin: 1 dzień

Już była współpraca, gotowy do wykonania, czas, cenę uzgodnimy osobiście