Commitc9cdee7

committed

add placeholder styling for input

1 parentc9a8de4 commitc9cdee7Copy full SHA for c9cdee7

File tree

+31

-2

lines changed

client/packages/lowcoder/src/comps
- comps/textInputComp
  - textInputConstants.tsx
- controls
  - styleControlConstants.tsx

+31

-2

lines changed

Lines changed: 17 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -315,8 +315,23 @@ export function getStyle(style: InputLikeStyleType, labelStyle?: LabelStyleType)`
`315`	`315`	`}`
`316`	`316`
`317`	`317`	`&::-webkit-input-placeholder {`
`318`		`-color:${style.text};`
`319`		`-opacity:0.4;`
	`318`	`+color:${style.placeholder};`
	`319`	`+opacity:1;`
	`320`	`+ }`
	`321`	`+`
	`322`	`+&::-moz-placeholder {`
	`323`	`+color:${style.placeholder};`
	`324`	`+opacity:1;`
	`325`	`+ }`
	`326`	`+`
	`327`	`+&:-ms-input-placeholder {`
	`328`	`+color:${style.placeholder};`
	`329`	`+opacity:1;`
	`330`	`+ }`
	`331`	`+`
	`332`	`+&::placeholder {`
	`333`	`+color:${style.placeholder};`
	`334`	`+opacity:1;`
`320`	`335`	`}`
`321`	`336`
`322`	`337`	`.ant-input-show-count-suffix,`

Lines changed: 14 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -244,9 +244,14 @@ export type DepColorConfig = CommonColorConfig & {`
`244`	`244`	`transformer:(color:string, ...rest:string[])=>string;`
`245`	`245`	`};`
`246`	`246`
	`247`	`+exporttypePlaceholderConfig=CommonColorConfig&{`
	`248`	`+readonlyplaceholder?:string;`
	`249`	`+};`
	`250`	`+`
`247`	`251`	`exporttypeSingleColorConfig=`
`248`	`252`	`\|SimpleColorConfig`
`249`	`253`	`\|DepColorConfig`
	`254`	`+\|PlaceholderConfig`
`250`	`255`	`\|RadiusConfig`
`251`	`256`	`\|BorderWidthConfig`
`252`	`257`	`\|RotationConfig`
`@@ -1309,11 +1314,19 @@ export const DisabledSliderStyle = [`
`1309`	`1314`	`...DISABLED_SLIDER_STYLE_FIELDS,`
`1310`	`1315`	`]asconst;`
`1311`	`1316`
	`1317`	`+constPLACEHOLDER={`
	`1318`	`+name:"placeholder",`
	`1319`	`+label:"Placeholder",`
	`1320`	`+depName:"text",`
	`1321`	`+transformer:(color:string)=>lightenColor(color,0.4),`
	`1322`	`+}asconst;`
	`1323`	`+`
`1312`	`1324`	`exportconstInputLikeStyle=[`
`1313`	`1325`	`getStaticBackground(SURFACE_COLOR),`
`1314`	`1326`	`BOXSHADOW,`
`1315`	`1327`	`BOXSHADOWCOLOR,`
`1316`	`1328`	`...STYLING_FIELDS_SEQUENCE.filter((style)=>style.name!=='rotation'&&style.name!=='lineHeight'),`
	`1329`	`+PLACEHOLDER,`
`1317`	`1330`	`...ACCENT_VALIDATE,`
`1318`	`1331`	`]asconst;`
`1319`	`1332`
`@@ -2536,3 +2549,4 @@ export function marginCalculator(margin: string) {`
`2536`	`2549`	`}`
`2537`	`2550`
`2538`	`2551`	`exporttype{ThemeDetail};`
	`2552`	`+`

Comments

(0)