Skip to content

Commit

Permalink
feat(text-field): custom for dialpad (VIV-1618) (#1640)
Browse files Browse the repository at this point in the history
rachelbt authored Mar 20, 2024

Verified

This commit was signed with the committer’s verified signature.
utkarshgupta137 Utkarsh Gupta
1 parent fb938be commit 72bd8a2
Showing 1 changed file with 19 additions and 0 deletions.
19 changes: 19 additions & 0 deletions libs/components/src/lib/text-field/text-field.scss
Original file line number Diff line number Diff line change
@@ -132,6 +132,7 @@ $low-ink-color: --_low-ink-color;

.control {
border-radius: inherit;
text-align: start;

&:not(slot),
&::slotted(input) {
@@ -152,6 +153,7 @@ $low-ink-color: --_low-ink-color;
padding-block: 0 !important;
padding-inline: var(#{variables.$text-field-gutter-start})
var(#{variables.$text-field-gutter-end}) !important;
text-align: inherit;
}

&:not(slot):disabled,
@@ -242,3 +244,20 @@ $low-ink-color: --_low-ink-color;
inset: 0;
}
}

/* Customize for Dial-pad */
:host([internal-part]) {
.fieldset {
font: var(#{constants.$vvd-typography-heading-4});

&:not(:focus-within) {
&::after {
block-size: 1px;
inset-block-end: 0;
}
}
}
.control {
text-align: center;
}
}

0 comments on commit 72bd8a2

Please sign in to comment.