playbook_ui 16.5.0.pre.alpha.RTEPOC15687 → 16.5.0.pre.alpha.RTEPOC15708

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fb4abe9c4a09a90e6bb0ed827e97c635ee2df975ca886be538b8dc76517c7872
4
- data.tar.gz: 9df4ed75673fdd096da1672afebaf1037259ec0f26eb8cbb5fef6365e1f70952
3
+ metadata.gz: 007e13930c03383e3d8d12e920f115ba93f90a42a7209e1892e5573a035ac924
4
+ data.tar.gz: db7d6dcd4bf18b7a56d864b5a9e8dd7e95110ba894ff68ece84bf67518a6d69d
5
5
  SHA512:
6
- metadata.gz: 84364e7f2b1a97c2cd5e6d814ad4cd0419d02255f097f639b429cb6fa0364cb7516a3f1320d0a8ce28d8f81684a18c528314945e329b0fc5f9e35f66ee835135
7
- data.tar.gz: c451c191220e774a4ef1db7ef68b0b6369b617bf05c66d8a8067ed169038159f9e242be7f6e8e9ccb088308deae0f4b21f88722db0c0eba5988813be11d75ef6
6
+ metadata.gz: c3d8760e03b24889ae15e84e210eb86d600423ae7935ac2a29a23e010bfba4c9510d31a13d55c4fd527f5d64204c16cd0183336f561a9d65840eb3e8ed7714be
7
+ data.tar.gz: 04b2d00ab21c6bc07c1e2c19d580948b4898cd010138dcf1260fdebfc3081848b5ab6b2da5d7649825390839fff108f07537159d72e131ca08f78760a9d30036
@@ -198,7 +198,8 @@
198
198
  }
199
199
  }
200
200
  .pb_rich_text_editor_advanced_container {
201
- transition: box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out;
201
+ transition: box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out,
202
+ border-color 0.3s ease-in-out;
202
203
  &:focus-visible,
203
204
  &:focus-within {
204
205
  outline: unset;
@@ -206,11 +207,32 @@
206
207
  border-radius: $border_rad_heaviest;
207
208
  transition: box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out;
208
209
  }
210
+ // Single outer frame (toolbar + editor): avoids inner ProseMirror border + focus ring looking like two bottoms.
209
211
  &.toolbar-active {
210
- .ProseMirror {
211
- border-top: none;
212
- border-top-left-radius: initial;
213
- border-top-right-radius: initial;
212
+ border: 1px solid $input_border_default;
213
+ border-radius: $border_rad_heaviest;
214
+ overflow: hidden;
215
+
216
+ &:focus-visible,
217
+ &:focus-within {
218
+ outline: unset;
219
+ box-shadow: none;
220
+ border-color: $input_border_state;
221
+ }
222
+
223
+ .toolbar {
224
+ border: none;
225
+ border-bottom: 1px solid $input_border_default;
226
+ border-radius: 0;
227
+ }
228
+
229
+ &:focus-within .toolbar {
230
+ border-bottom-color: $input_border_state;
231
+ }
232
+
233
+ .ProseMirror {
234
+ border: none;
235
+ border-radius: 0;
214
236
  }
215
237
  }
216
238
  }