@examind/block-editor 0.1.8 → 0.1.10

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.
package/dist/index.css CHANGED
@@ -1215,10 +1215,6 @@
1215
1215
  main.narrow {
1216
1216
  width: calc(100% - var(--settings-panel-width));
1217
1217
  }
1218
- nav.shown {
1219
- opacity: 1;
1220
- width: var(--settings-panel-width);
1221
- }
1222
1218
  nav {
1223
1219
  opacity: 0;
1224
1220
  position: sticky;
@@ -1226,6 +1222,15 @@
1226
1222
  width: 0;
1227
1223
  height: 100%;
1228
1224
  }
1225
+ nav.shown {
1226
+ opacity: 1;
1227
+ width: var(--settings-panel-width);
1228
+ }
1229
+ nav.hidden {
1230
+ opacity: 1;
1231
+ width: auto;
1232
+ height: 50px;
1233
+ }
1229
1234
  main {
1230
1235
  flex-grow: 1;
1231
1236
  position: relative;
@@ -1237,7 +1242,8 @@
1237
1242
  position: relative;
1238
1243
  padding-top: var(--sl-spacing-large);
1239
1244
  padding-bottom: var(--sl-spacing-large);
1240
- padding-inline: var(--sl-spacing-5x-large);
1245
+ padding-left: 45px;
1246
+ padding-right: 24px;
1241
1247
  min-height: 150px;
1242
1248
  border: 0;
1243
1249
  outline: 0;
@@ -2395,7 +2401,7 @@ sl-progress-bar {
2395
2401
  li {
2396
2402
  padding-left: var(--sl-spacing-2x-small);
2397
2403
  ol {
2398
- margin-bottom: var(--sl-spacing-x-small);
2404
+ margin-bottom: 0;
2399
2405
  }
2400
2406
  }
2401
2407
  li::marker {
@@ -2412,7 +2418,7 @@ sl-progress-bar {
2412
2418
  li {
2413
2419
  padding-left: var(--sl-spacing-2x-small);
2414
2420
  ul {
2415
- margin-bottom: var(--sl-spacing-x-small);
2421
+ margin-bottom: 0;
2416
2422
  }
2417
2423
  }
2418
2424
  li::marker {
@@ -2955,11 +2961,13 @@ article {
2955
2961
  .controls {
2956
2962
  position: absolute;
2957
2963
  top: calc(50% - 20px);
2958
- right: -46px;
2964
+ right: -32px;
2959
2965
  display: flex;
2960
2966
  flex-direction: row;
2961
- gap: var(--sl-spacing-small);
2962
2967
  z-index: 10;
2968
+ sl-button::part(base) {
2969
+ padding-inline: var(--sl-spacing-x-small);
2970
+ }
2963
2971
  }
2964
2972
  &.correct {
2965
2973
  border-color: var(--sl-color-green-300);
@@ -3321,11 +3329,13 @@ article {
3321
3329
  .controls {
3322
3330
  position: absolute;
3323
3331
  top: calc(50% - 20px);
3324
- right: -46px;
3332
+ right: -32px;
3325
3333
  display: flex;
3326
3334
  flex-direction: row;
3327
- gap: var(--sl-spacing-small);
3328
3335
  z-index: 10;
3336
+ sl-button::part(base) {
3337
+ padding-inline: var(--sl-spacing-x-small);
3338
+ }
3329
3339
  }
3330
3340
  &.correct {
3331
3341
  border-color: var(--sl-color-green-300);
@@ -3373,6 +3383,9 @@ article {
3373
3383
  margin-bottom: 0;
3374
3384
  line-height: var(--sl-line-height-normal);
3375
3385
  }
3386
+ &.incorrect p {
3387
+ margin-bottom: var(--sl-spacing-x-small);
3388
+ }
3376
3389
  }
3377
3390
  }
3378
3391
 
package/dist/index.d.mts CHANGED
@@ -19,6 +19,7 @@ type BlockEditorProps = {
19
19
  theme?: Theme;
20
20
  onChange?: (editorState: SerializedEditorState) => void;
21
21
  children?: React.ReactNode;
22
+ renderSettings?: () => React.ReactNode;
22
23
  };
23
24
  declare function BlockEditor(props: BlockEditorProps): react_jsx_runtime.JSX.Element;
24
25
 
package/dist/index.d.ts CHANGED
@@ -19,6 +19,7 @@ type BlockEditorProps = {
19
19
  theme?: Theme;
20
20
  onChange?: (editorState: SerializedEditorState) => void;
21
21
  children?: React.ReactNode;
22
+ renderSettings?: () => React.ReactNode;
22
23
  };
23
24
  declare function BlockEditor(props: BlockEditorProps): react_jsx_runtime.JSX.Element;
24
25