Баг с "баннерами" (роли)

[Monya_Spotya]

И как фиксить это чудо?

 

[KeoFox]

СSS адаптация на мобиле

 

[Monya_Spotya]

СSS адаптация на мобиле

Понятно, а менять где ?

 

[KeoFox]

Понятно, а менять где ?

extra.less где и все кастомные правки СSS стиля

 

[Monya_Spotya]

extra.less где и все кастомные правки СSS стиля

У меня не получилось

 

[KeoFox]

У меня не получилось

когда что то у самого не получается, для этого нанимается специальный человек у которого получается
вроде их раньше называли разработчиками

 

[Monya_Spotya]

когда что то у самого не получается, для этого нанимается специальный человек у которого получается
вроде их раньше называли разработчиками

OFFTOP

Мне платить из за такого недочета? Я просто написал что не полчилось вот и все. Переживу

 

[spufik]

/ Общие стили для всех баннеров 
.userBanner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 169px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    vertical-align: middle;
    margin: 2px 0;
    text-transform: uppercase;
    line-height: 1;
}

/ Специфичные стили для каждого типа баннера 
.userBanner--staff {
    background-image: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
}

.rukovod {
    background-image: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
}

.zam_rukovod {
    background-image: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
}

/ Остальные классы баннеров аналогично...

/ Стили для текста рядом с баннерами 
.userTitle {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
    line-height: 35px; 
    height: 35px;
}

/ Контейнер для выравнивания 
.userBannerContainer {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}

 

[spufik]

HTML структура:

<div class="userBannerContainer">
    <span class="userTitle">Крута</span>
    <span class="userBanner admin">АДМИНИСТРАТОР</span>
</div>

<div class="userBannerContainer">
    <span class="userBanner adm3">СТ. АДМИНИСТРАТОР</span>
</div>

 

[KeoFox]

HTML структура:

<div class="userBannerContainer">
    <span class="userTitle">Крута</span>
    <span class="userBanner admin">АДМИНИСТРАТОР</span>
</div>

<div class="userBannerContainer">
    <span class="userBanner adm3">СТ. АДМИНИСТРАТОР</span>
</div>

Я боюсь спросить нахрена это нужно и куда это страшнее всего пихать?

 

[spufik]

Не уверен что подойдет, но оптимальнее было бы просто скинуть extra.less

 

[spufik]

Я боюсь спросить нахрена это нужно и куда это страшнее всего пихать?

OFFTOP

Не умею сам - не умеют и другие, наверняка такая фраза в голове

 

[KeoFox]

OFFTOP

Не умею сам - не умеют и другие, наверняка такая фраза в голове

Да, не умею.
Вот у меня на форуме таже проблема, поясни плис куда мне пихать этот код

HTML структура:

<div class="userBannerContainer">
    <span class="userTitle">Крута</span>
    <span class="userBanner admin">АДМИНИСТРАТОР</span>
</div>

<div class="userBannerContainer">
    <span class="userBanner adm3">СТ. АДМИНИСТРАТОР</span>
</div>

 

[Monya_Spotya]

/ Общие стили для всех баннеров
.userBanner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 169px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    vertical-align: middle;
    margin: 2px 0;
    text-transform: uppercase;
    line-height: 1;
}

/ Специфичные стили для каждого типа баннера
.userBanner--staff {
    background-image: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
}

.rukovod {
    background-image: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
}

.zam_rukovod {
    background-image: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
}

/ Остальные классы баннеров аналогично...

/ Стили для текста рядом с баннерами
.userTitle {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}

/ Контейнер для выравнивания
.userBannerContainer {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}

Вставлять в extra.less? или другой контейнер?

 

[KeoFox]

Вставлять в extra.less? или другой контейнер?

extra.less где и все кастомные правки СSS стиля

никакие другие шаблоны использовать никогда не надо если нету понимания того что делается, для этого экстру специально и придумали

 

[spufik]

Вставлять в extra.less? или другой контейнер?

Скинь просто свою экстру.

 

[spufik]

Да, не умею.
Вот у меня на форуме таже проблема, поясни плис куда мне пихать этот код

OFFTOP

Хватит оффтопить, не можешь дать нормальный ответ. Лол.

 

[Monya_Spotya]

Скинь просто свою экстру.

Я возможно смогу вставить, но куда? (какой блок и тп)

 

[spufik]

Я возможно смогу вставить, но куда? (какой блок и тп)

Это просто готовые баннеры, вставляешь в экстру, и меняешь ссылку фотки на твою.

 

[spufik]

Да, не умею.
Вот у меня на форуме таже проблема, поясни плис куда мне пихать этот код

templates/public/member_view.html