XF 2.2 Как стилизовать скроллбар в уведомлениях

[Fisrob]

Доброго дня, стилизовал скроллбар на самой стронции, но в уведомлениях почему то он не изменился, точнее я не совсем понимаю, как его можно стилизовать в уведомлениях.
Есть ли вообще возможность его стилизовать? Я говорю про это:

Использовал для стилизации extra.less

body::-webkit-scrollbar {
  width: 12px;               
}

body::-webkit-scrollbar-track {
  background: #a66600;       
}

body::-webkit-scrollbar-thumb {
  background-color: #dedede;   
  border-radius: 20px;       
  border: 1px solid #7d5300; 
}

 

[IlyaPep]

body убрать, тогда будет применять ко всем скроллбарам

 

[Fisrob]

body убрать, тогда будет применять ко всем скроллбарам

спасибо большое за помощь
Сделал так, вроде правильно и заработало

::-webkit-scrollbar {
  width: 12px;               
}

::-webkit-scrollbar-track {
  background: #a66600;       
}

::-webkit-scrollbar-thumb {
  background-color: #dedede;   
  border-radius: 20px;       
  border: 1px solid #7d5300;
}

 

[Skaiman]

это только для хромо браузеров

 

[Fisrob]

это только для хромо браузеров

ну у меня в брейве и эдже все нормально работает, на опере тоже отображает

 

[Skaiman]

в мазиле посмотри

 

[Fisrob]

в мазиле посмотри

да знаю, такое есть, но аудитория форума не пользуется такими браузерами, у них яндекс, хром и опера, другое они даже и не знают, так что под мои цели нормально
а так на будущее для мозилы так писать:

body {
  scrollbar-width: auto;         
  scrollbar-color: #b3b3b3 #945e00;   
}

 

[Skaiman]

/* === SCROLLBAR === */

@scrollbarBG: @xf-subNavBg; // Фон скролбара.
@thumbBG: @xf-subNavTextColor; // Цвет скролбара.
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара.

* {
    scrollbar-width: thin;
    scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
    width: @scrollbarWD;
}
::-webkit-scrollbar-track {
    background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
    background: @thumbBG;
    border-radius: @thumbBR;
}

 

[Fisrob]

/* === SCROLLBAR === */

@scrollbarBG: @xf-subNavBg; // Фон скролбара.
@thumbBG: @xf-subNavTextColor; // Цвет скролбара.
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара.

* {
    scrollbar-width: thin;
    scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
    width: @scrollbarWD;
}
::-webkit-scrollbar-track {
    background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
    background: @thumbBG;
    border-radius: @thumbBR;
}

а вот как, понял, я не с той стороны подошел изночально
спасибо большое за помощь

 

[Skaiman]

а вот как, понял, я не с той стороны подошел изночально
спасибо большое за помощь

с той, но ограничил body

 

[Fisrob]

с той, но ограничил body

просто в css плохо разбираюсь, поэтому не всегда могу понять как сделать правильно
спасибо большое за совет и помощь