XF 2.1 Отображение баннеров.

[Roberto Caffrey]

Всем привет, возникала проблема при отображение баннеров с мобильного устройства.
С ПК все нормально. Уже стоит display: inline-block, просто проблема в том что это не группа, а фон

 

[Skaiman]

как бы сказать что display: inline-block, этого мало, нужно видеть весь код баннеров и выяснить почему происходит перенос строки

 

[Roberto Caffrey]

Это у меня прописано в extra.less.

.userBannerLight {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    width: 130px;
    height: 22px;
    margin-left: 0px;
    border: none;
    position: relative;
    overflow: hidden;
    &.red {
        background: #FF0000;
    }
    &.main {
        background: #A42FB6;
    }
    &.deputy {
        background: #5E2566;
    }
    &.curator {
        background: #F0CA00;
    }
    &.senior {
        background: #4169E1;
    }
    &.admin {
        background: #35AF12;
    }
    &.junior {
        background: #01B3DA;
    }
    &.moderator {
        background: #FD8D27;
    }
    &.banned {
        background: #A9A9A9;
    }
    &.user {
        background: #C0C0C0;
        color: black;
    }
    &.guest {
        background: #FFFFFF;
        color: #000000;
    }
    &:before {
        content: "";
        position: absolute;
        background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%);
        background-repeat: no-repeat;
        top: 0px;
        left: 0%;
        width: 0%;
        height: 0%;
    }
    .tooltip-content & {
        .tooltip--member & {
            width: 120px!important;
        }
    }
    @media (max-width: @xf-responsiveMedium) {
        display: inline!important;
        padding: .5em 1em;
    }
}

как бы сказать что display: inline-block, этого мало, нужно видеть весь код баннеров и выяснить почему происходит перенос строки

 

[Skaiman]

ну это код в extra.less, но такое впечатление, что этот код ни как не относится к баннерам на скриншоте

я так понял была попытка сделать это :) Баннер со световым эффектом

 

[Roberto Caffrey]

ну это код в extra.less, но такое впечатление, что этот код ни как не относится к баннерам на скриншоте

Относится, в самих настройках баннерах только это.
У модератора:

color: #fd8d27;
font-weight: bold;
text-shadow: #ffa830 0.5px 0.5px 15px;

У Администратора:

color: #35af12;
font-weight: bold;
text-shadow: #008000 0.5px 0.5px 15px;

Проблема в том что когда заходишь в сам профиль с телефона, показывает нормально, а когда просто нажимаешь на профиль происходит вот так.

 

[Skaiman]

Roberto Caffrey, мануалы почитай, все перепутал :)

 

[Roberto Caffrey]

Roberto Caffrey, мануалы почитай, все перепутал :)

Так если бы перепутал, то при переходе на профиль тоже все криво было бы, а так нормально.

 

[Skaiman]

Так если бы перепутал, то при переходе на профиль тоже все криво было бы, а так нормально

Смотрим,

Относится, в самих настройках баннерах только это.
У модератора:

color: #fd8d27;
font-weight: bold;
text-shadow: #ffa830 0.5px 0.5px 15px;

У Администратора:

color: #35af12;
font-weight: bold;
text-shadow: #008000 0.5px 0.5px 15px;

Проблема в том что когда заходишь в сам профиль с телефона, показывает нормально, а когда просто нажимаешь на профиль происходит вот так.

Это не относится к баннерам, это css отображения ника по группы

Это у меня прописано в extra.less.

я уже говорил выше, что взято из моего мануала Баннер со световым эффектом но ни как не относится к баннерам на скриншоте, ты хотя бы читал, что я пишу и не гнул свое. Это скорее всего, в настройках группы не указан свой класс для баннеров.