javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'next' into ROU-12076

Browse Source
This commit is contained in:
João Ferreira
2025-11-04 11:00:57 +00:00
committed by GitHub
parent 87034286bf 0361bf0376
commit b3fd9fb911
3 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/components/input-otp/input-otp.common.scss
View File

@ -129,13 +129,6 @@
background: var(--separator-color); background: var(--separator-color);
} }
// Fills
// --------------------------------------------------
:host(.input-otp-fill-outline) {
--background: none;
}
// States // States
// -------------------------------------------------- // --------------------------------------------------

10
core/src/components/input-otp/input-otp.ionic.scss
View File

@ -68,20 +68,24 @@
// -------------------------------------------------- // --------------------------------------------------
:host(.input-otp-shape-round) { :host(.input-otp-shape-round) {
--border-radius: #{globals.$ion-border-radius-400}; --border-radius: #{globals.$ion-round-xl};
} }
:host(.input-otp-shape-soft) { :host(.input-otp-shape-soft) {
--border-radius: #{globals.$ion-border-radius-200}; --border-radius: #{globals.$ion-soft-xl};
} }
:host(.input-otp-shape-rectangular) { :host(.input-otp-shape-rectangular) {
--border-radius: #{globals.$ion-border-radius-0}; --border-radius: #{globals.$ion-rectangular-xl};
} }
// Fills // Fills
// -------------------------------------------------- // --------------------------------------------------
:host(.input-otp-fill-outline) {
--background: #{globals.$ion-bg-input-default};
}
:host(.input-otp-fill-solid) { :host(.input-otp-fill-solid) {
--border-color: #{globals.$ion-bg-input-bold-default}; --border-color: #{globals.$ion-bg-input-bold-default};
--background: #{globals.$ion-bg-input-bold-default}; --background: #{globals.$ion-bg-input-bold-default};

BIN
core/src/components/input-otp/test/color/input-otp.e2e.ts-snapshots/input-otp-color-outline-ionic-md-ltr-light-Mobile-Safari-linux.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB