pro-components icon indicating copy to clipboard operation
pro-components copied to clipboard

👑 [需求] prolayout的左侧菜单栏滚动条,可以给个重写滚动条的classname接口吗

Open amin168 opened this issue 2 years ago • 1 comments

🔩 所属模块或组件

ProLayout

🥰 需求描述

添加可以重写滚动条样式的接口,现在的滚动条太大了

image image

amin168 avatar Sep 19 '22 02:09 amin168

以前的版本滚动条是没这个问题的。迁移到proComponents后才有的

vobile-wangzhenfeng avatar Sep 19 '22 06:09 vobile-wangzhenfeng

以前菜单的深色配色现在也没有了,那个样式挺好的,啥时候能回来?

meyerlee avatar Sep 30 '22 06:09 meyerlee

直接全局覆盖把,滚动条尽量全部都一样

chenshuai2144 avatar Oct 14 '22 05:10 chenshuai2144

直接全局覆盖把,滚动条尽量全部都一样

希望菜单这部分的滚动条样式可以自定义

hihuangwei avatar Nov 29 '22 06:11 hihuangwei

那也一样用 css 覆盖,我们没做hack的

chenshuai2144 avatar Nov 30 '22 09:11 chenshuai2144

实在不知从何入手 来个demo吧

hihuangwei avatar Nov 30 '22 09:11 hihuangwei

https://developer.mozilla.org/zh-CN/docs/Web/CSS/::-webkit-scrollbar

chenshuai2144 avatar Nov 30 '22 09:11 chenshuai2144

.ant-layout-sider-children {
  ::-webkit-scrollbar {
    width: 6px !important;
  }

  /* stylelint-disable-next-line no-duplicate-selectors */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }

  ::-webkit-scrollbar-thumb {
    background: #ccc;
  }

  ::-webkit-scrollbar-track {
    background-color: #e6e5e5;
  }
}

amin168 avatar Nov 30 '22 09:11 amin168

已解决

hihuangwei avatar Nov 30 '22 10:11 hihuangwei