a774ac673a
Some checks failed
Deploy analytics worker / Deploy analytics worker to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
i18n upload strings / Upload latest strings (push) Failing after 1s
Deploy bemo / Deploy bemo to ${{ (github.ref == 'refs/heads/bemo-production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
Deploy grafana resources / ${{ github.event_name == 'push' && 'Deploy grafana resources' || 'Validate grafana resources (dry run)' }} (push) Failing after 0s
End to end tests (dotcom) / Check for relevant changes (push) Failing after 0s
End to end tests (examples) / Check for relevant changes (push) Failing after 0s
End to end tests (mermaid readability) / Check for relevant changes (push) Failing after 1s
End to end tests (perf) / Check for relevant changes (push) Failing after 0s
Publish editor extensions / Publish editor extensions (push) Failing after 1s
Publish SDK packages / Remove the publish-packages label (push) Has been skipped
Checks / Tests & checks (push) Has been cancelled
Checks / Build all projects (push) Has been cancelled
Deploy templates / Deploy templates (push) Has been cancelled
End to end tests (dotcom) / End to end tests (dotcom) (push) Has been cancelled
End to end tests (mermaid readability) / End to end tests (mermaid readability) (push) Has been cancelled
End to end tests (perf) / End to end tests (perf) (push) Has been cancelled
Deploy .com / Deploy dotcom to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Has been cancelled
End to end tests (examples) / End to end tests (examples) (push) Has been cancelled
Publish SDK packages / Publish SDK packages (push) Has been cancelled
Publish SDK packages / Tell user released version (push) Has been cancelled
Publish SDK packages / Publishes code templates to separate repositories (push) Has been cancelled
Publish SDK packages / Deploys the template demos with the new SDK version (push) Has been cancelled
89 lines
1.9 KiB
CSS
89 lines
1.9 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap');
|
|
@import url('tldraw/tldraw.css');
|
|
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
.RoomWrapper {
|
|
--background: white;
|
|
--text: hsl(0, 0%, 20%);
|
|
--gray-light: #f5f5f5;
|
|
--gray-dark: #e5e5e5;
|
|
--black-transparent-lighter: rgba(0, 0, 0, 0.15);
|
|
--black-transparent-light: rgba(0, 0, 0, 0.4);
|
|
--black-transparent-dark: rgba(0, 0, 0, 0.6);
|
|
--black-transparent-darker: rgba(0, 0, 0, 0.7);
|
|
--focus: hsl(217, 89%, 61%);
|
|
--whiteboard: hsl(240, 5%, 96%);
|
|
color-scheme: light;
|
|
}
|
|
|
|
:root:has(.tl-theme__dark) .RoomWrapper {
|
|
--background: black;
|
|
--text: hsl(0, 9%, 94%);
|
|
--gray-light: #333;
|
|
--gray-dark: #444;
|
|
--black-transparent-lighter: rgba(255, 255, 255, 0.15);
|
|
--black-transparent-light: rgba(255, 255, 255, 0.4);
|
|
--black-transparent-dark: rgba(255, 255, 255, 0.6);
|
|
--black-transparent-darker: rgba(255, 255, 255, 0.7);
|
|
--focus: hsl(217, 89%, 61%);
|
|
--whiteboard: hsl(240, 5%, 6.5%);
|
|
color-scheme: dark;
|
|
}
|
|
|
|
.RoomWrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
inset: 0px;
|
|
}
|
|
|
|
.RoomWrapper-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
padding: 8px 16px;
|
|
gap: 16px;
|
|
background: var(--background);
|
|
border-bottom: 1px solid var(--gray-dark);
|
|
color: var(--text);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.RoomWrapper-copy {
|
|
background: var(--black-transparent-lighter);
|
|
border: 1px solid var(--gray-dark);
|
|
border-radius: 4px;
|
|
padding: 4px 12px;
|
|
height: 24px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.RoomWrapper-copy:has(.RoomWrapper-copied) {
|
|
color: transparent;
|
|
}
|
|
|
|
.RoomWrapper-copied {
|
|
color: var(--text);
|
|
position: absolute;
|
|
inset: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.RoomWrapper-copy:hover {
|
|
border: 1px solid var(--black-transparent-lighter);
|
|
}
|
|
|
|
.RoomWrapper-content {
|
|
position: relative;
|
|
flex: 1;
|
|
}
|