@objectifthunes/whiteboard 0.5.2 → 0.5.4
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 +28 -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
|
|
|
@@ -1600,18 +1602,25 @@ button.chip:hover {
|
|
|
1600
1602
|
min-height: 1rem;
|
|
1601
1603
|
}
|
|
1602
1604
|
|
|
1603
|
-
/*
|
|
1605
|
+
/* every control inside a toolbar shares ONE height — buttons, inputs,
|
|
1606
|
+
icon buttons all sit on the same rhythm */
|
|
1607
|
+
.toolbar {
|
|
1608
|
+
--wb-chrome-control: 2.2rem;
|
|
1609
|
+
}
|
|
1610
|
+
|
|
1604
1611
|
.toolbar .wb-btn {
|
|
1605
|
-
|
|
1612
|
+
height: var(--wb-chrome-control);
|
|
1613
|
+
padding: 0 0.72rem;
|
|
1606
1614
|
font-size: var(--wb-fs-md);
|
|
1607
1615
|
}
|
|
1608
1616
|
|
|
1609
|
-
/* inputs and chips inside a toolbar match the button rhythm */
|
|
1610
1617
|
.toolbar input:not([type]),
|
|
1611
1618
|
.toolbar input[type='text'],
|
|
1612
1619
|
.toolbar input[type='number'],
|
|
1613
1620
|
.toolbar input[type='search'] {
|
|
1614
|
-
|
|
1621
|
+
height: var(--wb-chrome-control);
|
|
1622
|
+
box-sizing: border-box;
|
|
1623
|
+
padding: 0 0.5rem;
|
|
1615
1624
|
font-size: var(--wb-fs-md);
|
|
1616
1625
|
line-height: 1.2;
|
|
1617
1626
|
}
|
|
@@ -1654,3 +1663,18 @@ button.chip:hover {
|
|
|
1654
1663
|
.draggable :where(button, a, label, input[type='checkbox'], input[type='range']) {
|
|
1655
1664
|
cursor: pointer;
|
|
1656
1665
|
}
|
|
1666
|
+
|
|
1667
|
+
/* chrome icon buttons are exact squares regardless of glyph width */
|
|
1668
|
+
.toolbar .wb-btn--icon-only,
|
|
1669
|
+
.vertical-toolbar .wb-btn--icon-only {
|
|
1670
|
+
width: 2.2rem;
|
|
1671
|
+
height: 2.2rem;
|
|
1672
|
+
min-width: 2.2rem;
|
|
1673
|
+
padding: 0;
|
|
1674
|
+
justify-content: center;
|
|
1675
|
+
flex: none;
|
|
1676
|
+
}
|
|
1677
|
+
|
|
1678
|
+
.toolbar .wb-btn--icon-only {
|
|
1679
|
+
font-size: var(--wb-fs-md);
|
|
1680
|
+
}
|