fix: text compose papercuts (#270)

* make fixes

* cleanup
This commit was merged in pull request #270.
This commit is contained in:
Arjun Patel
2026-06-11 12:08:34 -07:00
committed by GitHub
parent 66d53497c5
commit ca3bbf204e
12 changed files with 220 additions and 60 deletions
+28
View File
@@ -151,6 +151,34 @@
background: oklch(1 0 0 / 35%);
}
/* Message cards: more prominent scrollbar than the subtle global default.
The descendant form reaches scroll containers we don't own (Crepe's .milkdown). */
.scrollbar-card::-webkit-scrollbar,
.scrollbar-card ::-webkit-scrollbar {
width: 8px;
}
.scrollbar-card::-webkit-scrollbar-thumb,
.scrollbar-card ::-webkit-scrollbar-thumb {
background: oklch(1 0 0 / 30%);
border-radius: 9999px;
}
.scrollbar-card::-webkit-scrollbar-thumb:hover,
.scrollbar-card ::-webkit-scrollbar-thumb:hover {
background: oklch(1 0 0 / 50%);
}
/* Message layout: the compose editor and the posted card derive their widths
from one shared content column, so line wrapping while editing matches the
final render. The editor gutter additionally fits Crepe's block drag handle
(66px wide, offset 16px left of the block). */
:root {
--message-content-width: 39rem;
--message-card-padding: 1.5rem;
--message-editor-gutter: 5.5rem;
}
/* Frameless window drag regions */
.drag-region {
-webkit-app-region: drag;