mirror of
https://github.com/nocobase/nocobase
synced 2024-11-15 10:37:01 +00:00
style: fix color of more button and scrollbar style (#3486)
* style(header): fix color of more button * style: fix scrollbar style
This commit is contained in:
parent
407f887584
commit
33edd78531
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@ -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';
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user