@arbidocs/blocks 0.4.102 → 0.4.103

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.
@@ -1,4 +1,4 @@
1
- @import "./layout/layout.css";
1
+ @import './layout/layout.css';
2
2
 
3
3
  .native-docx-viewer {
4
4
  position: relative;
@@ -310,6 +310,73 @@
310
310
  padding-inline: 4px;
311
311
  }
312
312
 
313
+ .native-docx-ribbon-popover[hidden] {
314
+ display: none;
315
+ }
316
+
317
+ /* A tab's row: what does not fit collapses into the trailing More ("…") menu. */
318
+ .native-docx-ribbon .docx-toolbar > .native-docx-ribbon-row {
319
+ display: flex;
320
+ flex: 1 1 0;
321
+ align-items: center;
322
+ gap: 2px;
323
+ min-width: 0;
324
+ }
325
+ .native-docx-ribbon-item {
326
+ display: flex;
327
+ flex: none;
328
+ align-items: center;
329
+ gap: 2px;
330
+ }
331
+ .native-docx-ribbon-item[hidden] {
332
+ display: none;
333
+ }
334
+ .native-docx-ribbon-popover.native-docx-ribbon-more {
335
+ width: 240px;
336
+ padding: 4px;
337
+ }
338
+ .native-docx-ribbon-more-list {
339
+ display: flex;
340
+ flex-direction: column;
341
+ gap: 2px;
342
+ width: 100%;
343
+ }
344
+ .native-docx-ribbon-more-row {
345
+ position: relative;
346
+ display: flex;
347
+ align-items: center;
348
+ gap: 8px;
349
+ min-height: 32px;
350
+ padding: 0 8px 0 2px;
351
+ border-radius: 4px;
352
+ font-size: 12px;
353
+ cursor: pointer;
354
+ }
355
+ .native-docx-ribbon-more-row:hover {
356
+ background: hsl(var(--muted));
357
+ }
358
+ /* A control that draws nothing (an action the host does not offer) has no row. */
359
+ .native-docx-ribbon-more-row:has(> .native-docx-ribbon-more-control:empty) {
360
+ display: none;
361
+ }
362
+ .native-docx-ribbon-more-control {
363
+ display: flex;
364
+ flex: none;
365
+ align-items: center;
366
+ gap: 2px;
367
+ }
368
+ .native-docx-ribbon-more-label {
369
+ flex: 1;
370
+ min-width: 0;
371
+ overflow: hidden;
372
+ text-overflow: ellipsis;
373
+ white-space: nowrap;
374
+ }
375
+ /* A panel opened from the More menu (Font, a gallery) drops under its own row. */
376
+ .native-docx-ribbon-more-row .native-docx-ribbon-popover {
377
+ z-index: 1;
378
+ }
379
+
313
380
  /* Home › Styles: the current paragraph style, opening the document's style gallery. */
314
381
  .native-docx-ribbon-trigger.native-docx-style-trigger {
315
382
  display: flex;
@@ -325,7 +392,7 @@
325
392
  text-overflow: ellipsis;
326
393
  white-space: nowrap;
327
394
  }
328
- .native-docx-ribbon-menu:has(.native-docx-style-trigger) .native-docx-ribbon-popover {
395
+ .native-docx-ribbon-menu:has(> .native-docx-style-trigger) > .native-docx-ribbon-popover {
329
396
  right: auto;
330
397
  left: 72px;
331
398
  width: 300px;
@@ -733,7 +800,8 @@
733
800
  }
734
801
  /* With a pointer that hovers, a resting card shows only its content; its controls come with it. */
735
802
  @media (hover: hover) {
736
- .native-docx-review-pane .native-docx-review-card:not([data-active]):not(:hover):not(:focus-within)
803
+ .native-docx-review-pane
804
+ .native-docx-review-card:not([data-active]):not(:hover):not(:focus-within)
737
805
  :is(.native-docx-review-tools, .native-docx-review-decide) {
738
806
  opacity: 0;
739
807
  }
@@ -985,8 +1053,8 @@
985
1053
  }
986
1054
 
987
1055
  /* Insert › Quick Parts and Design › House template panels. */
988
- .native-docx-ribbon-menu:has([data-testid='docx-quick-parts']) .native-docx-ribbon-popover,
989
- .native-docx-ribbon-menu:has([data-testid='docx-house-template']) .native-docx-ribbon-popover {
1056
+ .native-docx-ribbon-menu:has(> [data-testid='docx-quick-parts']) > .native-docx-ribbon-popover,
1057
+ .native-docx-ribbon-menu:has(> [data-testid='docx-house-template']) > .native-docx-ribbon-popover {
990
1058
  width: 340px;
991
1059
  padding: 8px;
992
1060
  }