terminoir 0.18.0 → 0.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -74,7 +74,8 @@
|
|
|
74
74
|
grid-template-areas:
|
|
75
75
|
'header aside'
|
|
76
76
|
'main aside';
|
|
77
|
-
|
|
77
|
+
/* Wide enough for a MarkdownEditor block handle, which flips to the right of the text when the left is tight. */
|
|
78
|
+
column-gap: calc(var(--space-12) + var(--space-2));
|
|
78
79
|
row-gap: var(--space-4);
|
|
79
80
|
min-width: 0;
|
|
80
81
|
}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
type MenuEntry = { id: string; label: string; icon?: string; iconColor?: string; description?: string; choose: () => void };
|
|
23
23
|
|
|
24
24
|
const LINK_SEARCH_DEBOUNCE_MS = 120;
|
|
25
|
-
/** How far
|
|
25
|
+
/** How far beside the text a dragged block can still be dropped (the handle's gutter; it flips right when the left is tight), and above or below it. */
|
|
26
26
|
const DROP_MARGIN_PX = 72;
|
|
27
27
|
|
|
28
28
|
let {
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
const rect = root!.getBoundingClientRect();
|
|
179
179
|
return (
|
|
180
180
|
event.clientX >= rect.left - DROP_MARGIN_PX &&
|
|
181
|
-
event.clientX <= rect.right &&
|
|
181
|
+
event.clientX <= rect.right + DROP_MARGIN_PX &&
|
|
182
182
|
event.clientY >= rect.top - DROP_MARGIN_PX &&
|
|
183
183
|
event.clientY <= rect.bottom + DROP_MARGIN_PX
|
|
184
184
|
);
|
|
@@ -53,14 +53,20 @@
|
|
|
53
53
|
</div>
|
|
54
54
|
|
|
55
55
|
<style>
|
|
56
|
+
/* Too many tabs for the width (phones): scroll the row instead of overflowing the page. */
|
|
56
57
|
.terminoir-tabs__list {
|
|
57
58
|
display: inline-flex;
|
|
59
|
+
max-width: 100%;
|
|
60
|
+
overflow-x: auto;
|
|
61
|
+
scrollbar-width: none;
|
|
58
62
|
gap: var(--space-1);
|
|
59
63
|
padding: var(--space-1);
|
|
60
64
|
border-radius: var(--radius-glass);
|
|
61
65
|
}
|
|
62
66
|
|
|
63
67
|
.terminoir-tabs__trigger {
|
|
68
|
+
flex-shrink: 0;
|
|
69
|
+
white-space: nowrap;
|
|
64
70
|
border: 0;
|
|
65
71
|
background: transparent;
|
|
66
72
|
border-radius: calc(var(--radius) - 2px);
|