pptx-vanilla-viewer 0.11.0 → 0.12.0
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/CHANGELOG.md +10 -0
- package/dist/index.cjs +87 -60
- package/dist/index.d.ts +113 -25
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +87 -60
- package/dist/styles.css +28 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -726,6 +726,12 @@
|
|
|
726
726
|
padding: 6px 8px;
|
|
727
727
|
}
|
|
728
728
|
.pptxv-ribbon-tab-content[hidden] { display: none; }
|
|
729
|
+
/* Design tab theme galleries: .pptxv-btn is a fixed 28x28 icon-button
|
|
730
|
+
primitive elsewhere in the ribbon, so it needs an auto-width override here
|
|
731
|
+
to fit a swatch preview + label without overlapping its neighbours. */
|
|
732
|
+
.pptxv-theme-gallery { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 4px 8px; }
|
|
733
|
+
.pptxv-theme-gallery .pptxv-btn { width: auto; height: auto; gap: 6px; padding: 4px 10px 4px 4px; white-space: nowrap; }
|
|
734
|
+
.pptxv-theme-swatch-preview { display: block; width: 20px; height: 20px; flex: none; border: 1px solid var(--pptx-border); border-radius: 4px; }
|
|
729
735
|
.pptxv-record-dot { width: 12px; height: 12px; margin: 7px; border-radius: 50%; background: #ef4444; }
|
|
730
736
|
.pptxv-shortcut-help { align-self: center; padding: 5px 8px; color: var(--pptx-muted-foreground); font-size: 11px; }
|
|
731
737
|
.pptxv-ribbon-insert-content {
|
|
@@ -1437,7 +1443,12 @@
|
|
|
1437
1443
|
.pptxv-parity-footer { justify-content: flex-end; gap: 8px; border-top: 1px solid var(--pptx-border); }
|
|
1438
1444
|
.pptxv-parity-footer button, .pptxv-parity-tabs button, .pptxv-compare-panel button { padding: 7px 11px; border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-muted); color: inherit; cursor: pointer; }
|
|
1439
1445
|
.pptxv-parity-footer .is-primary, .pptxv-parity-tabs .is-active, .pptxv-compare-actions button { border-color: var(--pptx-primary); background: var(--pptx-primary); color: #fff; }
|
|
1440
|
-
.pptxv-parity-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--pptx-border); }
|
|
1446
|
+
.pptxv-parity-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--pptx-border); flex-wrap: wrap; }
|
|
1447
|
+
.pptxv-parity-swatch-row { display: flex; flex-wrap: wrap; gap: 8px; }
|
|
1448
|
+
.pptxv-parity-swatch { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px; border: 2px solid transparent; border-radius: 6px; background: var(--pptx-muted); color: inherit; font-size: 11px; cursor: pointer; }
|
|
1449
|
+
.pptxv-parity-swatch:hover { border-color: var(--pptx-border); }
|
|
1450
|
+
.pptxv-parity-swatch.is-active { border-color: var(--pptx-primary); }
|
|
1451
|
+
.pptxv-parity-swatch-preview { display: block; width: 44px; height: 30px; border: 1px solid var(--pptx-border); border-radius: 4px; }
|
|
1441
1452
|
.pptxv-shortcut-list { display: flex; flex-direction: column; gap: 3px; }
|
|
1442
1453
|
.pptxv-shortcut-list > div { display: flex; justify-content: space-between; gap: 14px; padding: 7px 8px; border-radius: 4px; background: var(--pptx-muted); }
|
|
1443
1454
|
.pptxv-shortcut-list kbd { color: var(--pptx-muted-foreground); white-space: nowrap; }
|
|
@@ -1493,3 +1504,19 @@
|
|
|
1493
1504
|
color: var(--pptx-foreground);
|
|
1494
1505
|
}
|
|
1495
1506
|
|
|
1507
|
+
|
|
1508
|
+
.pptxv-account { display: flex; flex-direction: column; gap: 28px; max-width: 640px; margin-top: 24px; }
|
|
1509
|
+
.pptxv-account-section { padding: 20px; border: 1px solid var(--pptx-border); border-radius: 8px; background: var(--pptx-card); color: var(--pptx-card-foreground); }
|
|
1510
|
+
.pptxv-account-section h2 { margin: 0 0 14px; font-size: 14px; }
|
|
1511
|
+
.pptxv-account-section p { margin: 6px 0; color: var(--pptx-muted-foreground); font-size: 12px; line-height: 1.6; }
|
|
1512
|
+
.pptxv-account-profile-row { display: flex; align-items: center; gap: 16px; }
|
|
1513
|
+
.pptxv-account-avatar { display: grid; width: 52px; height: 52px; flex: none; place-items: center; border-radius: 50%; color: #fff; font-size: 18px; font-weight: 600; }
|
|
1514
|
+
.pptxv-account-name-field { display: flex; flex: 1; flex-direction: column; gap: 6px; font-size: 11px; color: var(--pptx-muted-foreground); }
|
|
1515
|
+
.pptxv-account-name-field input { padding: 8px 10px; border: 1px solid var(--pptx-border); border-radius: 5px; background: var(--pptx-muted); color: var(--pptx-foreground); font-size: 13px; }
|
|
1516
|
+
.pptxv-account-swatch-label { margin-top: 16px !important; font-size: 11px !important; }
|
|
1517
|
+
.pptxv-account-color-swatch { width: 26px; height: 26px; border: 2px solid transparent; border-radius: 50%; cursor: pointer; }
|
|
1518
|
+
.pptxv-account-color-swatch:hover { border-color: var(--pptx-border); }
|
|
1519
|
+
.pptxv-account-color-swatch.is-active { border-color: var(--pptx-foreground); }
|
|
1520
|
+
.pptxv-account-privacy { font-size: 11px !important; }
|
|
1521
|
+
.pptxv-account-notice { color: var(--pptx-primary) !important; font-weight: 600; }
|
|
1522
|
+
|
package/package.json
CHANGED