@objectifthunes/whiteboard 0.5.1 → 0.5.3
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/whiteboard.css +26 -4
- package/package.json +1 -1
package/dist/whiteboard.css
CHANGED
|
@@ -1164,6 +1164,7 @@ button.chip:hover {
|
|
|
1164
1164
|
align-items: center;
|
|
1165
1165
|
gap: var(--wb-gap-sm);
|
|
1166
1166
|
transform: translateY(-50%);
|
|
1167
|
+
color: var(--wb-text);
|
|
1167
1168
|
padding: 0.34rem;
|
|
1168
1169
|
border: 1px solid var(--wb-border);
|
|
1169
1170
|
border-radius: var(--wb-radius-lg);
|
|
@@ -1365,6 +1366,7 @@ button.chip:hover {
|
|
|
1365
1366
|
border-radius: var(--wb-radius-lg);
|
|
1366
1367
|
background: var(--wb-surface);
|
|
1367
1368
|
box-shadow: var(--wb-shadow-soft);
|
|
1369
|
+
color: var(--wb-text);
|
|
1368
1370
|
white-space: nowrap;
|
|
1369
1371
|
}
|
|
1370
1372
|
|
|
@@ -1617,17 +1619,23 @@ button.chip:hover {
|
|
|
1617
1619
|
}
|
|
1618
1620
|
|
|
1619
1621
|
.toolbar .chip {
|
|
1622
|
+
/* the document name is primary info, not a tag — give it presence
|
|
1623
|
+
and a background that doesn't melt into the bar */
|
|
1620
1624
|
font-size: var(--wb-fs-sm);
|
|
1625
|
+
color: var(--wb-text-secondary);
|
|
1626
|
+
background: var(--wb-surface-soft);
|
|
1621
1627
|
}
|
|
1622
1628
|
|
|
1623
|
-
/* the vertical toolbar reads as app chrome too
|
|
1629
|
+
/* the vertical toolbar reads as app chrome too — the GLYPHS carry the
|
|
1630
|
+
size, not the padding */
|
|
1624
1631
|
.vertical-toolbar {
|
|
1625
|
-
padding: 0.
|
|
1632
|
+
padding: 0.4rem;
|
|
1626
1633
|
}
|
|
1627
1634
|
|
|
1628
1635
|
.vertical-toolbar .wb-btn--icon-only {
|
|
1629
|
-
padding: 0.
|
|
1630
|
-
font-size: var(--wb-fs-
|
|
1636
|
+
padding: 0.45rem;
|
|
1637
|
+
font-size: var(--wb-fs-lg);
|
|
1638
|
+
line-height: 1;
|
|
1631
1639
|
}
|
|
1632
1640
|
|
|
1633
1641
|
/* ── Draggable ───────────────────────────────────────────────────────── */
|
|
@@ -1648,3 +1656,17 @@ button.chip:hover {
|
|
|
1648
1656
|
.draggable :where(button, a, label, input[type='checkbox'], input[type='range']) {
|
|
1649
1657
|
cursor: pointer;
|
|
1650
1658
|
}
|
|
1659
|
+
|
|
1660
|
+
/* chrome icon buttons are exact squares regardless of glyph width */
|
|
1661
|
+
.toolbar .wb-btn--icon-only,
|
|
1662
|
+
.vertical-toolbar .wb-btn--icon-only {
|
|
1663
|
+
width: 2.2rem;
|
|
1664
|
+
height: 2.2rem;
|
|
1665
|
+
min-width: 2.2rem;
|
|
1666
|
+
padding: 0;
|
|
1667
|
+
justify-content: center;
|
|
1668
|
+
}
|
|
1669
|
+
|
|
1670
|
+
.toolbar .wb-btn--icon-only {
|
|
1671
|
+
font-size: var(--wb-fs-md);
|
|
1672
|
+
}
|