javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(input): lint styles and add TODO for future work

Browse Source
This commit is contained in:
Brandy Carney
2024-04-23 16:01:12 -04:00
parent d7eb539131
commit c6127e91f0
4 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
core/src/components/input/input.ionic.outline.scss
View File

@ -80,7 +80,6 @@
min-height: 40px; min-height: 40px;
} }
// Input Fill: Outline, Outline Container // Input Fill: Outline, Outline Container
// ---------------------------------------------------------------- // ----------------------------------------------------------------
@ -98,7 +97,6 @@
border: var(--border-width) var(--border-style) var(--border-color); border: var(--border-width) var(--border-style) var(--border-color);
} }
// Input Fill: Outline, Label Placement: Stacked // Input Fill: Outline, Label Placement: Stacked
// ---------------------------------------------------------------- // ----------------------------------------------------------------
@ -136,7 +134,8 @@
:host(.input-fill-outline.input-disabled) .native-wrapper { :host(.input-fill-outline.input-disabled) .native-wrapper {
--background: #{$ionic-color-neutral-10}; --background: #{$ionic-color-neutral-10};
border-radius: inherit;
@include border-radius(inherit);
background: var(--background); background: var(--background);
} }

2
core/src/components/input/input.ionic.scss
View File

@ -34,7 +34,7 @@
} }
.input-clear-icon.ion-focused { .input-clear-icon.ion-focused {
border-radius: #{$ionic-border-radius-rounded-small}; @include border-radius($ionic-border-radius-rounded-small);
outline: #{$ionic-border-size-medium} solid #{$ionic-color-primary-100}; outline: #{$ionic-border-size-medium} solid #{$ionic-color-primary-100};

1
core/src/components/input/input.ionic.vars.scss
View File

@ -1,3 +1,2 @@
// Ionic Input // Ionic Input
// -------------------------------------------------- // --------------------------------------------------

1
core/src/components/input/input.tsx
View File

@ -499,6 +499,7 @@ export class Input implements ComponentInterface {
return labelPlacement; return labelPlacement;
} }
// TODO(FW-6201): Remove this method when size is supported in ios and md
private getSize() { private getSize() {
const theme = getIonTheme(this); const theme = getIonTheme(this);
const { size } = this; const { size } = this;