mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-15 12:56:13 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: fix color of more button and scrollbar style (#3486)

Browse Source 
* style(header): fix color of more button

* style: fix scrollbar style
This commit is contained in:
Zeke Zhang 2024-02-03 10:21:21 +08:00 committed by GitHub
parent 407f887584
commit 33edd78531
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
packages/core/client/src/global.less
View File

@ -1,37 +1,35 @@
.win { /* width */
/* width */ ::-webkit-scrollbar {
::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; height: 8px;
} }
/* Track */ /* Track */
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: var(--colorBgScrollTrack); background: var(--colorBgScrollTrack);
} }
/* Handle */ /* Handle */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: var(--colorBgScrollBar); background: var(--colorBgScrollBar);
border-radius: 4px; border-radius: 4px;
} }
/* Handle on hover */ /* Handle on hover */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover); background: var(--colorBgScrollBarHover);
} }
::-webkit-scrollbar-thumb:active { ::-webkit-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive); background: var(--colorBgScrollBarActive);
} }
.rc-virtual-list-scrollbar-thumb { .rc-virtual-list-scrollbar-thumb {
background: var(--colorBgScrollBar) !important; background: var(--colorBgScrollBar) !important;
} }
.rc-virtual-list-scrollbar-thumb:hover { .rc-virtual-list-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover) !important; background: var(--colorBgScrollBarHover) !important;
} }
.rc-virtual-list-scrollbar-thumb:active { .rc-virtual-list-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive) !important; background: var(--colorBgScrollBarActive) !important;
}
} }

1
packages/core/client/src/index.ts
View File

@ -10,6 +10,7 @@ import 'dayjs/plugin/weekday';
// 重置浏览器样式 // 重置浏览器样式
import 'antd/dist/reset.css'; import 'antd/dist/reset.css';
import './global.less';
export * from '@emotion/css'; export * from '@emotion/css';
export * from './acl'; export * from './acl';

3
packages/core/client/src/route-switch/antd/admin-layout/index.tsx
View File

@ -279,6 +279,9 @@ export const InternalAdminLayout = (props: any) => {
background-color: ${token.colorBgHeaderMenuActive} !important; background-color: ${token.colorBgHeaderMenuActive} !important;
color: ${token.colorTextHeaderMenuActive} !important; color: ${token.colorTextHeaderMenuActive} !important;
} }
.ant-menu-submenu-horizontal.ant-menu-submenu-selected > .ant-menu-submenu-title {
color: ${token.colorTextHeaderMenuActive} !important;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
background-color: ${token.colorBgHeaderMenuHover} !important; background-color: ${token.colorBgHeaderMenuHover} !important;
color: ${token.colorTextHeaderMenuHover} !important; color: ${token.colorTextHeaderMenuHover} !important;