Avatar nachodzi na inny avatar na liście wiadomości about coyote HOT 6 OPEN

@goldipl Jak ustawiasz width i height, to max-width jest niepotrzebne. I swoją drogą żeby util mw-100 ustawiał stałą szerokośc też jest średnie, więc ja proponuje:

.avatar-size {
    object-fit: contain;
    width: 35px;
    height: 35px;
}

Druga sprawa jest taka, że raczej nie możemy tak po prostu ustalić stałych rozmiarów, bo ten sam util jest używany zarówno w powiadomieniach jak i na liście wiadomości. W powiadomieniach jest 35px/35px, w wiadomościach rozmiar to 45px/45px. Więc albo trzeba zrobić dwa osobne utilsy na powiadomienia i wiadomości; albo jakoś inteligentniej to zaprogramować.

from coyote.

Poprawka w CSS

.mw-100 {
    max-width: 100%!important;
    width: 35px;
    height: 35px;
    object-fit: contain;
}

from coyote.

@wojtekxtx Tylko że ten styl mw-100 jest z bootstrapa, i tam ten !important jest niestety konieczny. W kodzie coyote'a raczej ich unikamy.

from coyote.

@wojtekxtx @danon ma racje, to jest styl bootstrapa i nie powinien byc zmieniany.

from coyote.

@goldipl

• pomiędzy wartością a !important spacja.
• gdzieś czytałem, że !important jest niepolecane.

A tak btw, to co proponuje @danon brzmi lepiej

spacja może być, ale nie musi :) i pełna zgoda z tym co powyżej było pisane

from coyote.

spacja może być, ale nie musi :) i pełna zgoda z tym co powyżej było pisane

Tej spacji pewnie nie ma w kodzie źródłowym, tylko bootstrap minifikuje .css, więc usuwa tą spacje, i potem ją widzisz w inspektorze. Także nie ma tematu.

from coyote.