search

akveo / nebular

:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/nebular
MIT License
8.05k stars 1.51k forks source link

NbList having default scrollbar #2839

Open AntonGrekov opened 3 years ago

AntonGrekov commented 3 years ago

Issue type

Issue description

Current behavior: ng-list component has default(standart) scrollbar appearance

Expected behavior: ng-list component to have custom(defined by selected theme) appearance

Steps to reproduce:

  1. git clone https://github.com/akveo/ngx-admin.git
  2. cd ngx-admin && npm i
  3. npm start
  4. locate to nb infinite list tab

Other information:

npm, node, OS, Browser

<!--
Node, npm: 14.5.1 / 7.20.5
OS: Windows (10)
Browser: Chrome/Firefox
-->

While visiting demo of nebular at https://www.akveo.com/ngx-admin/pages/layout/infinite-list shows proper scrollbar stylement. Cannot find any calls to scrollbar mixin in @nebular/theme/components/nb-list There is just no styles like:

.nb-theme-default nb-card nb-list::-webkit-scrollbar-thumb

, in browser. On a clean install.

AntonGrekov commented 3 years ago

Also, cannot find any scrollbar variables style declarations in @theme/themes.scss While for nb-layout and some other components with scrollable class - scrollbar custom styles are applied fine

Fredz13 commented 2 years ago

Hello, will it be fixed ?

DocAmaroo commented 1 year ago

Using Nebular v9.1.0-rc.6

I was able to stylize the scrollbar by using the scrollable-container class as below :

<nb-list class="scrollable-container">
  <nb-list-item>item</nb-list-item>
  ...
</nb-list>

NB : This class should be imported from search.component.curtain.scss