mirror of
https://github.com/docmost/docmost.git
synced 2026-05-07 14:43:06 +08:00
Philip Okugbe
ef87210b3d
* feat: new image menu * switch to resizable side handles * use pixels * refactor excalidraw and drawio menu * support image resize undo * video resize * callout menu refresh * refresh table menus * fix color scheme * fix: patch @tiptap/core ResizableNodeView to prevent resize sticking after mouseup * feat: columns * notes callout * focus on first column * capture tab key in column * fix print * hide columns menu when some nodes are focused * fix print * fix columns * selective placeholder * fix blockquote * quote * fix callout in columns
30 lines
1.1 KiB
CSS
30 lines
1.1 KiB
CSS
.toolbar {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
padding: 3px;
|
|
border-radius: 8px;
|
|
border: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));
|
|
background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
|
|
box-shadow: 0 2px 12px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.35));
|
|
}
|
|
|
|
.toolbar :global(.mantine-ActionIcon-root) {
|
|
--ai-color: light-dark(var(--mantine-color-dark-7), var(--mantine-color-gray-4)) !important;
|
|
--ai-hover: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-5)) !important;
|
|
}
|
|
|
|
.toolbar .active {
|
|
--ai-color: light-dark(var(--mantine-color-blue-7), var(--mantine-color-blue-3)) !important;
|
|
--ai-hover: light-dark(var(--mantine-color-blue-0), var(--mantine-color-dark-5)) !important;
|
|
background-color: light-dark(var(--mantine-color-blue-0), var(--mantine-color-dark-5));
|
|
}
|
|
|
|
.divider {
|
|
width: 1px;
|
|
height: 16px;
|
|
align-self: center;
|
|
margin: 0 2px;
|
|
background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-3));
|
|
}
|