Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

помогите исправить положение

hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
всем привет, установив плагин на рамки(frame) от Avatar Frames 1.0.5
у меня появилось вот это:

1778502137875.png​

возможно кто-то знает как это решить? спасибо заранее!
 
Решение
pikamonov
связался с пользователем в лс форума. Публикую проблему/решение сюда.

проблема была из за того что плагин оборачивал обычную xf аватарку в доп.контейнер;
test: 
<span class="avatarFrame">
    <a class="avatar avatar--s">...</a>
</span>

а дефолтная сетка хф .listheap рассчитана на то, что внутри >li> будет сразу сама аватарка.
Из за этого .avatarframe имел свои "правила" плюс рамка через ::after могла масштабироваться через --af--scale, в итоге рамка на аватарке становилась больше, и/или выравнивалась иначе

КОСТЫЛЬ!!!! // ВСТАВЛЯТЬ В EXTRA.LESS: 
.listHeap > li > .avatarFrame {
    display: inline-block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important...
Сортировка по дате Сортировка по голосам
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

если кто то не понял, то сьехали аватарки

 
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Venksu написал(а):
Скинь ссылку на форум, возможно это только на мобилке так
Нажмите для раскрытия...
OFFTOP

это не мобила, это везде

 
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Venksu написал(а):
А. Проблема в рамках? Это настройка плагина уже идет
Нажмите для раскрытия...
OFFTOP

возможно знаешь как это пофиксить?

 
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Venksu написал(а):
OFFTOP

Честно, нет. Обратись к @Spolzer, он делал плагин такой же

Нажмите для раскрытия...
OFFTOP

окей. буду ждать ответа от него! возможно поможет мне и как раз исправит этот плагин!

 
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Dev Cold написал(а):
атятя низя апать

3.5. Запрещено поднимать (апать) свою тему чаще, чем 1 раз в 24 часа.
Нажмите для раскрытия...
OFFTOP

разок можно

 
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Позитивный голос 0 Негативный голос
pikamonov

pikamonov

𝚖𝚘𝚛𝚜 𝚌𝚎𝚛𝚝𝚊, 𝚑𝚘𝚛𝚊 𝚒𝚗𝚌𝚎𝚛𝚝𝚊.
Янв
1,671
3,807
Команда форума
Администратор
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
pikamonov написал(а):
kod: 
.block-row .avatar img,
.block-row img.avatar,
.avatar img,
.avatar--s img,
.avatar--m img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit !important;
}

.avatar,
.avatar--s,
.avatar--m {
    overflow: hidden;
}

Попробуйте добавить этот код в extra.less.
Нажмите для раскрытия...
все также
 
Позитивный голос 0 Негативный голос
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
pikamonov написал(а):
kod: 
.block-row .avatar img,
.block-row img.avatar,
.avatar img,
.avatar--s img,
.avatar--m img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit !important;
}

.avatar,
.avatar--s,
.avatar--m {
    overflow: hidden;
}

Попробуйте добавить этот код в extra.less.
Нажмите для раскрытия...
OFFTOP

мне стоит ждать или я пойду?

 
Позитивный голос 0 Негативный голос
pikamonov

pikamonov

𝚖𝚘𝚛𝚜 𝚌𝚎𝚛𝚝𝚊, 𝚑𝚘𝚛𝚊 𝚒𝚗𝚌𝚎𝚛𝚝𝚊.
Янв
1,671
3,807
Команда форума
Администратор
связался с пользователем в лс форума. Публикую проблему/решение сюда.

проблема была из за того что плагин оборачивал обычную xf аватарку в доп.контейнер;
test: 
<span class="avatarFrame">
    <a class="avatar avatar--s">...</a>
</span>

а дефолтная сетка хф .listheap рассчитана на то, что внутри >li> будет сразу сама аватарка.
Из за этого .avatarframe имел свои "правила" плюс рамка через ::after могла масштабироваться через --af--scale, в итоге рамка на аватарке становилась больше, и/или выравнивалась иначе

КОСТЫЛЬ!!!! // ВСТАВЛЯТЬ В EXTRA.LESS: 
.listHeap > li > .avatarFrame {
    display: inline-block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    vertical-align: top !important;
    position: relative !important;
    border-radius: @xf-avatarBorderRadius;
    box-sizing: border-box !important;
    --af-scale: 1 !important;
}

.listHeap > li > .avatarFrame > .avatar {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: @xf-avatarBorderRadius !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.listHeap > li > .avatarFrame > .avatar img,
.listHeap > li > .avatarFrame > .avatar span {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border-radius: @xf-avatarBorderRadius !important;
    box-sizing: border-box !important;
}

.listHeap > li > .avatarFrame::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: @xf-avatarBorderRadius !important;
    transform: none !important;
    transform-origin: center !important;
    pointer-events: none !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@Spolzer
 
Позитивный голос 0 Негативный голос
Решение
hell777

hell777

Апр
147
98
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
pikamonov написал(а):
связался с пользователем в лс форума. Публикую проблему/решение сюда.

проблема была из за того что плагин оборачивал обычную xf аватарку в доп.контейнер;
test: 
<span class="avatarFrame">
    <a class="avatar avatar--s">...</a>
</span>

а дефолтная сетка хф .listheap рассчитана на то, что внутри >li> будет сразу сама аватарка.
Из за этого .avatarframe имел свои "правила" плюс рамка через ::after могла масштабироваться через --af--scale, в итоге рамка на аватарке становилась больше, и/или выравнивалась иначе

КОСТЫЛЬ!!!! // ВСТАВЛЯТЬ В EXTRA.LESS: 
.listHeap > li > .avatarFrame {
    display: inline-block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    vertical-align: top !important;
    position: relative !important;
    border-radius: @xf-avatarBorderRadius;
    box-sizing: border-box !important;
    --af-scale: 1 !important;
}

.listHeap > li > .avatarFrame > .avatar {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: @xf-avatarBorderRadius !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.listHeap > li > .avatarFrame > .avatar img,
.listHeap > li > .avatarFrame > .avatar span {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border-radius: @xf-avatarBorderRadius !important;
    box-sizing: border-box !important;
}

.listHeap > li > .avatarFrame::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: @xf-avatarBorderRadius !important;
    transform: none !important;
    transform-origin: center !important;
    pointer-events: none !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@Spolzer
Нажмите для раскрытия...
Очень сильно благодарен этому человеку! удачи ему
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху