Решено Отступы баннера группы пользователя

[Extazzy1]

Приветствую. Просматривал форум, наткнулся на то, что между никнеймом пользователя и баннером группы пользователя имеется отступы (на ПК и телефоне) в главном меню и в профиле пользователя (именно на ПК).

Скриншоты с ПК:

Отступ на ПК в меню:


Отступ в меню просмотра узлов:



(Ранее мне говорили что дело не в коде группы пользователя)

 

[Extazzy1]

Также нашёл такую проблему при просмотре команды форумы и пользователей (на ПК и телефонах)

 

[sᴀᴍᴜʀᴀɪ ʜᴜɴᴛᴇʀᴏᴠ 𓆩♡𓆪]

Дай форум твой

 

[Extazzy1]

http://forum6zitbr.ws82.web1.websitegame.ru/index.php

 

[Sergey_Shcherbakov]

http://forum6zitbr.ws82.web1.websitegame.ru/index.php

Честно, это такая мелочь, но если тебе это так надо убрать, скинь мне свой код: extra.less

 

[Extazzy1]

Честно, это такая мелочь, но если тебе это так надо убрать, скинь мне свой код: extra.less

OFFTOP

Мелочь мелочью, но хочется чтобы красивее было, согласись.

Код:

.p-footer {
display: none;
}

.message-userBanner.owner {
display: block !important;
width: 169px;
max-width: 100%;
height: auto;
aspect-ratio: 169 / 35;
margin: 4px auto 0 !important;
padding: 0 !important;
float: none !important;
position: static !important;
transform: none !important;
}

@media (max-width: 650px) {
.message-userDetails:has(.message-userBanner.owner) {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.message-userBanner.owner {
display: block !important;
flex: 0 0 auto;
margin: 4px 0 0 !important;
align-self: flex-start;
clear: both;
}
}

/* измененная колонка создателя темы */
@media (min-width: (@xf-messageSingleColumnWidth + 1px)) {
.message:not(.message--simple):not(.message--quickReply)
.message-cell.message-cell--user {
flex: 0 0 205px !important;
width: 205px !important;
max-width: 205px;
box-sizing: border-box;
}
}

@media (max-width: @xf-responsiveMedium) {
.memberHeader-name {
line-height: 1.1;
margin-bottom: 0;
}

.memberHeader-banners {
margin-top: 4px;
line-height: 1;
}

.memberHeader-banners .userBanner.owner {
margin: 0 !important;
vertical-align: top;
}
}

.message-userDetails {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}

.owner {
background: url(banners/owner.png)
no-repeat center / contain;
display: inline-block;
width: 169px;
max-width: 100%;
height: 35px;
box-sizing: border-box;
padding: 0;
border: none;
font-size: 0;
line-height: 0;
}

 

[Sergey_Shcherbakov]

.p-footer {
  display: none;
}

.message-userBanner.owner {
  display: block !important;
  width: 169px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 169 / 35;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  transform: none !important;
}

@media (max-width: 650px) {
  .message-userDetails:has(.message-userBanner.owner) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .message-userBanner.owner {
    display: block !important;
    flex: 0 0 auto;
    margin: 0 !important;
    align-self: flex-start;
    clear: both;
  }
}

@media (min-width: (@xf-messageSingleColumnWidth + 1px)) {
  .message:not(.message--simple):not(.message--quickReply)
  .message-cell.message-cell--user {
    flex: 0 0 205px !important;
    width: 205px !important;
    max-width: 205px;
    box-sizing: border-box;
  }
}

@media (max-width: @xf-responsiveMedium) {
  .memberHeader-name {
    line-height: 1.1;
    margin-bottom: 0;
  }

  .memberHeader-banners {
    margin: 0;
    line-height: 1;
  }

  .memberHeader-banners .userBanner.owner {
    margin: 0 !important;
    vertical-align: top;
  }
}

.message-userDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.owner {
  background: url(banners/owner.png) no-repeat center / contain;
  display: inline-block;
  width: 169px;
  max-width: 100%;
  height: 35px;
  box-sizing: border-box;
  padding: 0;
  border: none;
  font-size: 0;
  line-height: 0;
}

.memberTooltip-name,
.memberTooltip-headerInfo h4 {
  margin-bottom: 0 !important;
  line-height: 1.1;
}

.memberTooltip-banners {
  margin: 0 !important;
  padding: 0 !important;
}

.memberTooltip-banners .userBanner {
  margin: 0 !important;
}

.memberTooltip-headerText,
.memberTooltip-title {
  margin-top: 2px;
}

Заменил отступ margin, проверяй(если помог, поставь пожалуйста галочку)

 

[Extazzy1]

решено. Спасибо за помощь.