playbook_ui 16.5.0.pre.alpha.RTEPOC15745 → 16.5.0.pre.alpha.RTEPOC15746
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 +34 -1
- 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: f599162befe12b1d2b32a47036c9053307dbd2619b25c72f586424d78eb4c372
|
|
4
|
+
data.tar.gz: b459294ff220e62c281889f1f010fc294b5d5b0f2a5d4d3641411348b487821a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2786fb058414a75c54559eb667ae880b81f6a92cca6b80857a65ba5c867ba25fb4c78158362314ceace901d3e49914a58ad6d432b0c9e5abb07e5f6481f5e245
|
|
7
|
+
data.tar.gz: 4327b11d15b5027a6053398acfd7483685837604d43ae38df749193699eea9363be1262bbd78d0b1cc35cbc7db93bd44e542e6321f05e53a35b5c5c5662da6c6
|
|
@@ -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,7 +145,8 @@
|
|
|
119
145
|
line-height: 1;
|
|
120
146
|
min-height: unset;
|
|
121
147
|
max-width: 100%;
|
|
122
|
-
min-width
|
|
148
|
+
// Cap min-width so a narrow modal toolbar can scroll internally instead of growing the dialog.
|
|
149
|
+
min-width: min(100%, #{$space_xl * 5});
|
|
123
150
|
padding: ($space_xs - 1) $space_xs;
|
|
124
151
|
width: auto;
|
|
125
152
|
|
|
@@ -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;
|