cc7aff8686
* initial tldraw v2 alpha 18 with graph-ql * add @apollo/client * update whiteboard test element * update whiteboard test elements * update whiteboard test elements * load .tldr file shapes into bbb * temporarily disable infinite canvas limit in client * disabling failing tests on ci * restore poll results on whiteboard * restore hideViewerCursor functionality * disabling failing tests that needs to be updated --------- Co-authored-by: Gabriel Porfirio <gabrielporfirio1994@gmail.com>
106 lines
2.4 KiB
JavaScript
106 lines
2.4 KiB
JavaScript
import styled, { createGlobalStyle } from 'styled-components';
|
|
import { borderSize, borderSizeLarge } from '/imports/ui/stylesheets/styled-components/general';
|
|
import { toolbarButtonColor, colorWhite, colorBlack } from '/imports/ui/stylesheets/styled-components/palette';
|
|
import {
|
|
fontSizeLarger,
|
|
} from '/imports/ui/stylesheets/styled-components/typography';
|
|
import Button from '/imports/ui/components/common/button/component';
|
|
|
|
const TldrawV2GlobalStyle = createGlobalStyle`
|
|
${({ isPresenter, hasWBAccess }) => (!isPresenter && hasWBAccess) && `
|
|
[data-testid="tools.hand"] {
|
|
display: none;
|
|
}
|
|
`}
|
|
|
|
${({ isMultiUserActive }) => !isMultiUserActive && `
|
|
.tl-nametag {
|
|
display: none;
|
|
}
|
|
`}
|
|
|
|
${({ isRTL }) => (!isRTL) && `
|
|
.tlui-menu-zone {
|
|
right: auto;
|
|
left: 3.5rem;
|
|
}
|
|
`}
|
|
|
|
${({ isRTL }) => (isRTL) && `
|
|
.tlui-menu-zone {
|
|
right: 3.5rem;
|
|
left: auto;
|
|
}
|
|
`}
|
|
|
|
#presentationInnerWrapper > div:last-child {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
#presentationInnerWrapper > div:last-child > * {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
#presentationInnerWrapper > div:last-child .tl-overlays {
|
|
left: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.tlui-navigation-zone,
|
|
.tlui-help-menu,
|
|
.tlui-debug-panel {
|
|
display: none;
|
|
}
|
|
|
|
.tlui-style-panel__wrapper {
|
|
right: 0px;
|
|
top: -0.35rem;
|
|
position: relative;
|
|
}
|
|
|
|
// Add the following lines to override height and width attributes for .tl-overlays__item
|
|
.tl-overlays__item {
|
|
height: auto !important;
|
|
width: auto !important;
|
|
}
|
|
|
|
${({ isPresenter, isMultiUserActive }) => !isPresenter && !isMultiUserActive && `
|
|
.tl-cursor use {
|
|
transform: scale(0.05)!important;
|
|
}
|
|
|
|
.tl-collaborator__cursor {
|
|
position: absolute !important;
|
|
left: -7px !important;
|
|
top: -6px !important;
|
|
}
|
|
`}
|
|
|
|
[data-testid="main.page-menu"],
|
|
[data-testid="main.menu"],
|
|
[data-testid="tools.laser"],
|
|
[data-testid="tools.asset"],
|
|
.tlui-menu-zone__controls > :nth-child(1),
|
|
.tlui-menu-zone__controls > :nth-child(2) {
|
|
display: none;
|
|
}
|
|
|
|
.tl-collaborator__cursor {
|
|
height: auto !important;
|
|
width: auto !important;
|
|
transition: transform 0.25s ease-out !important;
|
|
}
|
|
`;
|
|
|
|
const EditableWBWrapper = styled.div`
|
|
&, & > :first-child {
|
|
cursor: inherit !important;
|
|
}
|
|
`;
|
|
|
|
export default {
|
|
TldrawV2GlobalStyle,
|
|
EditableWBWrapper,
|
|
}; |