mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
refactor(input): split TextInput and ItemInput components
Make it easier to start adding other inputs, like select
This commit is contained in:
59
ionic/components/item-input/item-input.scss
Normal file
59
ionic/components/item-input/item-input.scss
Normal file
@ -0,0 +1,59 @@
|
||||
@import "../../globals.core";
|
||||
|
||||
// Input
|
||||
// --------------------------------------------------
|
||||
|
||||
.item-input {
|
||||
display: block;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
flex: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
input.item-input:-webkit-autofill {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
@include placeholder();
|
||||
}
|
||||
|
||||
.platform-mobile textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
|
||||
// Scroll Assist
|
||||
// --------------------------------------------------
|
||||
|
||||
[scroll-assist] {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
// Input focused
|
||||
// --------------------------------------------------
|
||||
|
||||
.input-focused .item-input {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
|
||||
// Clear Input Icon
|
||||
// --------------------------------------------------
|
||||
|
||||
.text-input-clear-icon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
position: absolute;
|
||||
}
|
Reference in New Issue
Block a user