@adia-ai/web-components 0.8.1 → 0.8.2
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/MIGRATION.md +2328 -0
- package/components/button/button.css +7 -0
- package/dist/theme-provider.min.js +1 -1
- package/dist/web-components.min.css +1 -1
- package/dist/web-components.sheet.js +1 -1
- package/package.json +3 -2
|
@@ -118,6 +118,13 @@ button-ui[variant="ghost"][color="warning"]:not([disabled]):hover { --button-f
|
|
|
118
118
|
gap: var(--button-gap);
|
|
119
119
|
min-width: var(--button-height); /* keep button at least as wide as it is tall */
|
|
120
120
|
min-height: var(--button-height);
|
|
121
|
+
/* Cap at the container so the [text]::after ellipsis can actually fire:
|
|
122
|
+
white-space: nowrap makes the label part of the button's min-content,
|
|
123
|
+
so any content-sized context (flex column cross-axis, row items, grid
|
|
124
|
+
auto tracks) let the whole button balloon past its container instead
|
|
125
|
+
of shrinking the label — verified live on the long-text demo. Same
|
|
126
|
+
class as the standard img { max-width: 100% } responsive rule. */
|
|
127
|
+
max-width: 100%;
|
|
121
128
|
overflow: hidden;
|
|
122
129
|
padding-inline: var(--button-px);
|
|
123
130
|
border: 1px solid var(--button-border);
|