[P3] Nie widać kolejności tur przez długość nazwy przeciwnika

Załącznik 22657
Ze względu na długość nazwy potwora nie jestem w stanie stwierdzić, który z nich wykonuje jaką turę. Jest to znaczące utrudnienie, choć właściwie będzie ono widoczne tylko na tym potworze. Tak właściwie, to warto by było mieć failsafe na przyszłość. Chyba długie nazwy dzieliło na dwie linijki - ale tutaj to nie działa. Albo po prostu źle pamiętam.

tak samo jest z bagiennymi jaszczurkami

opcja 1 - niech te nazwy się nieco ścieśniają
opcja 2 - zapisać to jako Golem Twardoz. A itd. tak samo Bagienna Jasz. A

Cytat:

---

Napisał GalaxyPL

opcja 1 - niech te nazwy się nieco ścieśniają
opcja 2 - zapisać to jako Golem Twardoz. A itd. tak samo Bagienna Jasz. A

---

Jestem prawie pewien, że jest już możliwość wyświetlania nazwy w dwóch linijkach tylko nie pamiętam, na czym to było (jaki potwór)

Ewentualnie może rozważyć coś w tym stylu:

Kod:

---

.BattleMenu .BattleMenuRight {
    position: relative;
    float: right;
    width: 120px;
}

---

zmiana "width: 120px" na "min-width: 120px" i ewentualnie dodanie max-width.

Do tego należałoby dodać do .BattleMenu .BattleMenuRight .item { background-repeat: repeat-y; }
Repeat-x tak czy siak jest bezużyteczne dla tego tła.


https://i.imgur.com/EpX7Ywj.png



@edit:

Cytat:

---

Napisał Hide

Jestem prawie pewien, że jest już możliwość wyświetlania nazwy w dwóch linijkach tylko nie pamiętam, na czym to było (jaki potwór)

---

Jeśli zawiniemy do dwóch linijek to cały panel tur będzie musiał mieć większą wysokość żeby wszystko pomieścić, a jeśli będzie miał większą wysokość to będzie też trzeba zmienić sposób w jaki jest pozycjonowany (i nie tylko on, bo guzik "Opcje" też działa na absolute). Dlatego myślę, że prościej podziałać na szerokości.

Albo dać zamiast "potworekodługiejnazwiektóraniemieścisię D" na "D potworekodługiejnazwiektóraniemieścisię"

Poszła poprawka.
Kilka dodatkowych liter powinna obsłużyć.