@root-entry-name: 'default'; @import (reference) '~antd/es/style/themes/index.less'; @panda-notifier-list-prefix-cls: ~'@{ant-prefix}-head-notifier-list'; :global { .@{panda-notifier-list-prefix-cls}-container { max-height: 400px; overflow: auto; &::-webkit-scrollbar { width: 0; height: 0; } &::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(177, 177, 177, 0.5); box-shadow: inset 0 0 6px rgba(177, 177, 177, 0.5); } &::-webkit-scrollbar-track { border-radius: 10px; /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 6px rgba(193, 193, 193, 0.3); box-shadow: inset 0 0 6px rgba(193, 193, 193, 0.3); } .@{panda-notifier-list-prefix-cls}-list { .@{panda-notifier-list-prefix-cls}-item { padding: 0; border-radius: 5px; overflow: hidden; cursor: pointer; border-bottom: none; .@{panda-notifier-list-prefix-cls}-meta { width: 100%; } &:hover { background-color: #F4F4F5; } &:first-of-type { margin-top: 10px; } } } .@{panda-notifier-list-prefix-cls}-bottomBar { height: 46px; color: @text-color; line-height: 46px; text-align: center; transition: all 0.3s; } } .@{panda-notifier-list-prefix-cls}-notFound { padding: 73px 0 88px; color: @text-color-secondary; text-align: center; border-radius: 0 !important; img { display: inline-block; height: 76px; margin-bottom: 16px; } } }