Can I adjust the placeholder to always be displayed even if there is text in the textarea? Is this possible with some CSS customization?
.wire-field___StyledTextarea-sc-1nuhqre-13::placeholder {
text-align: right;
}
I think the placeholder disappears by default when there’s text inside the area. I would love something like this for showing units though.
Can you recommend me more?
I want to adjust
data-test="wire-dropdown-ddtest"] .kAYUKK {
white-space : pre-wrap;
}
current
that I want to adjust
in the Dropdown List, but it doesn’t seem to display. Where did I go wrong? Please advise me.
I think it’s the fact that the elements are not generated until you click the dropdown that contributes to the problem. I tried it myself as well with variations of:
span[class*="wire-dropdown"] {
white-space: pre-wrap;
}
But that didn’t work.
1 Like
I like the styling you did already! Is this a custom collection with lots of CSS? 
Not a lot. I’m making my app users have an experience that’s similar to what they normally do.
I don’t know if I’ll succeed. 
1 Like
Looks very cool though. What are you using for unit price & amount columns?
unit price & amount columns I used Hint Components and adjusted the gray background value with CSS.
[data-testid="wire-container-utest"] .bonGBO {
padding: 6px 16px;
}
To make the gray frame smaller
3 Likes
Great one. Does it display well on mobile?
Mobile phone cannot be displayed at all. By adjusting this CSS, I will set it to work only for DeviceType that is Windows only. 
1 Like
Very nice indeed! We are using our own invoice app here but after seeing your example, I think I need to upgrade my layout
Well done!