dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-07-03 04:29:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: button being decalled

Browse Source 
Signed-off-by: Avior <f.bouillon@aptatio.com>
This commit is contained in:
Florian Bouillon
2023-02-27 12:06:29 +01:00
parent f197e92270
commit 40a5a2d9ac
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Input/Input.module.styl
View File

@ -22,7 +22,7 @@
svg svg
position absolute position absolute
user-select none user-select none
padding 8px padding 16px
color black color black
@media (prefers-color-scheme dark) @media (prefers-color-scheme dark)
color white color white
@ -31,15 +31,15 @@
&.iconClickable &.iconClickable
pointer-events all pointer-events all
cursor pointer cursor pointer
top 14px top -2px
&.left &.left
left 16px // input padding-left left 0px // input padding-left
~ label ~ label
left 16px + 24px + 10px left 0px + 24px + 10px
&.right &.right
right 16px right 0
select select
appearance none appearance none

4
src/Input/index.tsx
View File

@ -350,8 +350,8 @@ export default class Input extends React.Component<Props, States> {
} }
if ('icon' in Icon) { if ('icon' in Icon) {
// 18 + 8 of padding // 18 + 16 of padding
return <Icon.icon size={8*2+18} className={buildClassName(css[position], css.iconClickable)} onClick={async () => { return <Icon.icon size={16*2+18} className={buildClassName(css[position], css.iconClickable)} onClick={async () => {
if (this.props.disabled) {return} if (this.props.disabled) {return}
const value = Icon.transformer(this.state.value ?? this.state.displayedValue ?? '') const value = Icon.transformer(this.state.value ?? this.state.displayedValue ?? '')
this.setState({ value: value, displayedValue: value, valueUpdate: true }) this.setState({ value: value, displayedValue: value, valueUpdate: true })