mirror of
https://github.com/nocobase/nocobase
synced 2024-11-17 16:26:48 +00:00
e112a644ea
* feat: init calendar plugin * feat: move files to plugin * feat: handle CalendarBlockInitializer in plugin * feat: add todo * feat: move collection template to plugin and fix i18n * chore: update deps * feat: export genStyleHook * feat: handle i18n * chore: remove react-i18next * docs: update info * test: move e2e test * test: move to client * chore: update version * fix: merge revert * fix: merge revert * fix: missing SchemaSettings.xxx * test: fix e2e failed * test: update * test: fix case failed * fix: data blocks * fix: remove provider * fix: missing CalendarV2 * fix: missing CalendarActionInitializers * fix: version * fix: error * fix: calender block form action should support print --------- Co-authored-by: chenos <chenlinxh@gmail.com> Co-authored-by: katherinehhh <katherine_15995@163.com>
90 lines
2.5 KiB
TypeScript
90 lines
2.5 KiB
TypeScript
import { createGlobalStyle } from 'antd-style';
|
|
|
|
const GlobalStyle = createGlobalStyle`
|
|
.rbc-overlay {
|
|
position: absolute;
|
|
z-index: 50;
|
|
margin-top: 5px;
|
|
border-radius: ${({ theme }) => `${theme.borderRadius}px`};
|
|
background-color: ${({ theme }) => theme.colorBgElevated};
|
|
box-shadow: ${({ theme }) => theme.boxShadow};
|
|
padding: ${({ theme }) => `${theme.paddingContentVertical}px ${theme.paddingContentHorizontalSM}px`};
|
|
}
|
|
.rbc-overlay > * + * {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.rbc-overlay-header {
|
|
font-weight: 500;
|
|
font-size: ${({ theme }) => `${theme.fontSize}px`};
|
|
color: ${({ theme }) => theme.colorTextSecondary};
|
|
min-height: ${({ theme }) => `${theme.sizeXL}px`};
|
|
border-bottom: ${({ theme }) => `1px solid ${theme.colorBorderSecondary}`};
|
|
margin: ${({ theme }) =>
|
|
`-${theme.paddingContentVertical}px -${theme.paddingContentHorizontalSM}px ${theme.paddingContentVertical}px -${theme.paddingContentHorizontalSM}px`};
|
|
padding: ${({ theme }) => `${theme.paddingXXS}px ${theme.paddingContentHorizontalSM}px`};
|
|
}
|
|
|
|
.rbc-event {
|
|
border: none;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
padding: 2px 5px;
|
|
background-color: ${({ theme }) => theme.colorBorderSecondary};
|
|
border-radius: ${({ theme }) => `${theme.borderRadiusXS}px`};
|
|
color: ${({ theme }) => theme.colorTextSecondary};
|
|
cursor: pointer;
|
|
font-size: ${({ theme }) => `${theme.fontSizeSM}px`};
|
|
width: 100%;
|
|
text-align: left;
|
|
&:hover {
|
|
background-color: ${({ theme }) => theme.colorPrimaryBg};
|
|
color: ${({ theme }) => theme.colorPrimaryText};
|
|
}
|
|
}
|
|
.rbc-slot-selecting .rbc-event {
|
|
cursor: inherit;
|
|
pointer-events: none;
|
|
}
|
|
.rbc-event.rbc-selected {
|
|
background-color: ${({ theme }) => theme.colorPrimaryBg};
|
|
color: ${({ theme }) => theme.colorPrimaryText};
|
|
}
|
|
.rbc-event:focus {
|
|
// outline: 5px auto #3b99fc;
|
|
}
|
|
|
|
.rbc-event-label {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.rbc-event-overlaps {
|
|
box-shadow: ${({ theme }) => theme.boxShadow};
|
|
}
|
|
|
|
.rbc-event-continues-prior {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.rbc-event-continues-after {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.rbc-event-continues-earlier {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.rbc-event-continues-later {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
`;
|
|
|
|
GlobalStyle.displayName = 'GlobalStyle';
|
|
|
|
export default GlobalStyle;
|