菜单的滚动条有点丑,能不能改,怎么改呢?

image
这菜单的滚动条有点丑,能不能自定义修改,怎么改?

你好,欢迎加入 Jmix 社区!

可以按照下列步骤定制侧边菜单滚动条:

  1. 首先 创建自定义主题 :: Jmix 文档
  2. 然后在主题的 styles.scss 中添加代码定制滚动条。侧边菜单的 css 类是 jmix-sidemenu
  3. 这是一个示例:
  .jmix-sidemenu::-webkit-scrollbar {
    width: 12px;
  }

  .jmix-sidemenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
  }

  .jmix-sidemenu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }

效果如图:
image

1 个赞

:+1:非常感谢