playbook_ui 16.5.0.pre.alpha.RTEPOC15745 → 16.5.0.pre.alpha.RTEPOC15747
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss +33 -0
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e22a1c2088938459e3efb880b3d4e820b0c19aeddd957a828eb585eca3ec45d8
|
|
4
|
+
data.tar.gz: c4d23d3f4c261089c3fe9f6a592596d698ad9c767e7c85287a8b06177043471d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4cd4c8e1c3c86d08e9348ff45eaafb1b1f0f1ee111ec95b0f10d7bcbbfe46f412c7938ac53b71667aea8618460b8e783829aa628f23f082e5125620e7348669f
|
|
7
|
+
data.tar.gz: 69e7c97110e36ac166a46f84f57651be2de4304097940a24dee7f6210b1167742ffa34c65ec14c50c43f0ef1ae85e17ce07f8d75629604cc7dfae0a8bfe416a9
|
|
@@ -8,7 +8,21 @@
|
|
|
8
8
|
@import "../tokens/transition";
|
|
9
9
|
@import "previewer_mixin";
|
|
10
10
|
|
|
11
|
+
// Rails TipTap root: flex/grid children default to min-width: auto, so the toolbar’s
|
|
12
|
+
// intrinsic width can force horizontal page/dialog scroll. Pin the kit to the parent width.
|
|
13
|
+
[data-pb-rte-tiptap="true"] {
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
display: block;
|
|
16
|
+
max-width: 100%;
|
|
17
|
+
min-width: 0;
|
|
18
|
+
width: 100%;
|
|
19
|
+
}
|
|
20
|
+
|
|
11
21
|
.pb_rich_text_editor_kit {
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
max-width: 100%;
|
|
24
|
+
min-width: 0;
|
|
25
|
+
|
|
12
26
|
&.inline {
|
|
13
27
|
.toolbar {
|
|
14
28
|
opacity: 0;
|
|
@@ -84,6 +98,18 @@
|
|
|
84
98
|
top: 0;
|
|
85
99
|
z-index: 10;
|
|
86
100
|
}
|
|
101
|
+
|
|
102
|
+
.rte-editor-wrap {
|
|
103
|
+
box-sizing: border-box;
|
|
104
|
+
max-width: 100%;
|
|
105
|
+
min-width: 0;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.pb_rich_text_editor_advanced_container {
|
|
109
|
+
max-width: 100%;
|
|
110
|
+
min-width: 0;
|
|
111
|
+
}
|
|
112
|
+
|
|
87
113
|
.toolbar {
|
|
88
114
|
border-radius: $border_rad_heaviest $border_rad_heaviest 0 0;
|
|
89
115
|
border: 1px solid $input_border_default;
|
|
@@ -119,6 +145,7 @@
|
|
|
119
145
|
line-height: 1;
|
|
120
146
|
min-height: unset;
|
|
121
147
|
max-width: 100%;
|
|
148
|
+
// Plain length only — SassC cannot compile CSS min(%, px). Narrow modals rely on kit/root min-width: 0 above.
|
|
122
149
|
min-width: $space_xl * 5;
|
|
123
150
|
padding: ($space_xs - 1) $space_xs;
|
|
124
151
|
width: auto;
|
|
@@ -170,6 +197,9 @@
|
|
|
170
197
|
|
|
171
198
|
// Rails TipTap toolbar: mirror React Toolbar.tsx — <Flex paddingX="sm" paddingY="xxs" justify="between">.
|
|
172
199
|
&.rte-rails-toolbar-layout {
|
|
200
|
+
max-width: 100%;
|
|
201
|
+
min-width: 0;
|
|
202
|
+
|
|
173
203
|
.rte-rails-toolbar-row {
|
|
174
204
|
align-items: center;
|
|
175
205
|
box-sizing: border-box;
|
|
@@ -177,6 +207,7 @@
|
|
|
177
207
|
display: flex;
|
|
178
208
|
flex-wrap: nowrap;
|
|
179
209
|
justify-content: flex-start;
|
|
210
|
+
min-width: 0;
|
|
180
211
|
padding: $space_xxs $space_sm;
|
|
181
212
|
row-gap: 0;
|
|
182
213
|
width: 100%;
|
|
@@ -216,7 +247,9 @@
|
|
|
216
247
|
box-sizing: border-box;
|
|
217
248
|
height: 100%;
|
|
218
249
|
line-height: $lh_loose;
|
|
250
|
+
overflow-wrap: anywhere;
|
|
219
251
|
padding: 1.25rem 1.5rem 1.5rem 1.5rem;
|
|
252
|
+
word-break: break-word;
|
|
220
253
|
@include transition_default;
|
|
221
254
|
:first-child {
|
|
222
255
|
margin-top: 0;
|