Open Closed

how can i remove lpx toolbar container scroll in abp commercial #6431


User avatar
0
infence created
  • ABP Framework version: abp commercial
  • UI Type: MVC / Razor
  • Database System: EF Core ( MySQL)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

4 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    Could you please provide some detailed steps or screenshot to reproduce the issue, and which version of ABP you are using.

    for customization you may check this documentation https://docs.abp.io/en/abp/latest/UI/AspNetCore/Customization-User-Interface#toolbar-contributors

    Thanks

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi again,

    do you want to remove this scrollbar?

    please confirm on this so that I can better assist you.

    Thanks

  • User Avatar
    0
    infence created

    Hi Anjali, Thanks for the reply and you are correct. I need to remove the scroll bar mentioned above.

    Thanks

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    please try to add below code to global-style.css file.

    .lpx-scroll-container.ps > .ps__rail-x,
    .lpx-scroll-container.ps > .ps__rail-y, .lpx-scroll-container.ps:hover > .ps__rail-x,
    .lpx-scroll-container.ps:hover > .ps__rail-y, .lpx-scroll-container.ps--focus > .ps__rail-x,
    .lpx-scroll-container.ps--focus > .ps__rail-y, .lpx-scroll-container.ps--scrolling-x > .ps__rail-x,
    .lpx-scroll-container.ps--scrolling-x > .ps__rail-y, .lpx-scroll-container.ps--scrolling-y > .ps__rail-x,
    .lpx-scroll-container.ps--scrolling-y > .ps__rail-y {
        z-index: unset !important;
    }
    

    It will result as

    thanks

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11