@threadlabs/looma 0.11.5 → 0.11.6
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/components/ui-button/ui-button.html +6 -5
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles/ui-button.css +10 -8
- package/vue/UiButton.vue +8 -5
- package/vue/chunks/UiButton.js +1 -1
- package/vue/components.css +42 -39
|
@@ -260,14 +260,15 @@
|
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
/* Under touch,
|
|
264
|
-
centred on it, like IconButton's. A
|
|
265
|
-
|
|
266
|
-
|
|
263
|
+
/* Under touch, a link-style button's press lands within the control minimum: an invisible hit
|
|
264
|
+
area, centred on it, like IconButton's. A boxed button grows to the minimum itself (below);
|
|
265
|
+
a link-style one keeps its text size, so a standalone one ("See all" under a list) needs the
|
|
266
|
+
area. Only the link needs it: a hit area on every button would reach over its neighbours. */
|
|
267
|
+
html[data-ui-input-modality="touch"] :host-state([variant="link"]) {
|
|
267
268
|
position: relative;
|
|
268
269
|
}
|
|
269
270
|
|
|
270
|
-
html[data-ui-input-modality="touch"] :host::after {
|
|
271
|
+
html[data-ui-input-modality="touch"] :host-state([variant="link"])::after {
|
|
271
272
|
position: absolute;
|
|
272
273
|
inset: 50% auto auto 50%;
|
|
273
274
|
inline-size: max(100%, var(--ui-control-min-block-size));
|