nebular icon indicating copy to clipboard operation
nebular copied to clipboard

NbList having default scrollbar

Open AntonGrekov opened this issue 4 years ago • 2 comments

Issue type

  • [x] bug report
  • [ ] feature request

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 avatar Aug 22 '21 11:08 AntonGrekov

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

AntonGrekov avatar Aug 22 '21 11:08 AntonGrekov

Hello, will it be fixed ?

Fredz13 avatar Sep 05 '22 13:09 Fredz13

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

DocAmaroo avatar Nov 14 '22 22:11 DocAmaroo