tuix-webcomponents 0.95.0 → 0.95.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.
|
@@ -132,6 +132,14 @@ export const inputFontStyles = css `
|
|
|
132
132
|
--t-field-padding-top: 1.375rem;
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
+
/* iOS Safari zooms into any focused field with text under 16px (also readonly ones,
|
|
136
|
+
like the dropdown's), so keep at least 1rem there. Only iOS supports -webkit-touch-callout. */
|
|
137
|
+
@supports (-webkit-touch-callout: none) {
|
|
138
|
+
.t-input::placeholder,
|
|
139
|
+
.t-input {
|
|
140
|
+
font-size: max(1rem, var(--t-field-font-size));
|
|
141
|
+
}
|
|
142
|
+
}
|
|
135
143
|
`;
|
|
136
144
|
export const inputColorStyles = css `
|
|
137
145
|
.t-input {
|
|
@@ -23,22 +23,18 @@ let TuixLink = class TuixLink extends LitElement {
|
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
_anchorTemplate() {
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
// No whitespace anywhere in the template: the host is inline, so it would render as a space.
|
|
27
|
+
// prettier-ignore
|
|
28
|
+
return html `<a
|
|
28
29
|
target="${this.disabled ? LinkTarget.SELF : this.target}"
|
|
29
30
|
class="${classMap(this._getClassMap())}"
|
|
30
31
|
href="${this.disabled ? 'javascript:void(0)' : this.href}"
|
|
31
|
-
|
|
32
|
-
<slot></slot>
|
|
33
|
-
</a>
|
|
34
|
-
`;
|
|
32
|
+
><slot></slot></a>`;
|
|
35
33
|
}
|
|
36
34
|
_divTemplate() {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
</div>
|
|
41
|
-
`;
|
|
35
|
+
// No whitespace anywhere in the template: the host is inline, so it would render as a space.
|
|
36
|
+
// prettier-ignore
|
|
37
|
+
return html `<div class="${classMap(this._getClassMap())}"><slot></slot></div>`;
|
|
42
38
|
}
|
|
43
39
|
render() {
|
|
44
40
|
const isValidAnchor = this.href && !this.disabled;
|
|
@@ -43,12 +43,12 @@ let TuixText = class TuixText extends LitElement {
|
|
|
43
43
|
return colorMap[this.color || TextVariant.PRIMARY];
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
|
|
46
|
+
// No whitespace anywhere in the template: the host is inline, so it would render as a space.
|
|
47
|
+
// prettier-ignore
|
|
48
|
+
return html `<div
|
|
47
49
|
class="${classMap(this._getClassMap())}"
|
|
48
50
|
style="${styleMap(this._getStyleMap())}"
|
|
49
|
-
|
|
50
|
-
<slot></slot>
|
|
51
|
-
</div>`;
|
|
51
|
+
><slot></slot></div>`;
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
__decorate([
|
package/package.json
CHANGED