fix: text compose papercuts (#270)
* make fixes * cleanup
This commit was merged in pull request #270.
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user