CSS for improving group creation UX, namely setting long description #5535
Conversation
| @@ -304,6 +304,18 @@ limitations under the License. | |||
| } | |||
|
|
|||
| .mx_GroupView_groupDesc textarea { | |||
| width: 50%; | |||
| width: 100%; | |||
| max-width: 100%; | |||
There was a problem hiding this comment.
It just stops the user being silly and dragging the textarea wider than it should go. But it still allows for them to adjust its vertical height.
There was a problem hiding this comment.
"it's textareas being weird" i think is the answer then :D
|
|
||
| .mx_GroupView_groupDesc_placeholder { | ||
| background-color: $group-my-groups-placeholder-bg; | ||
| color: $group-my-groups-placeholder-fg; |
There was a problem hiding this comment.
i'm surprised this needs a custom colour? shouldn't one of the existing generic theme colours fit?
There was a problem hiding this comment.
There might have been one that already existed but I guess its name felt to specific for me to reuse it somewhere else... although I have contradicted myself here by using a $group-my-groups-* variable in GroupView.
There was a problem hiding this comment.
e.g. the "preview-bg-color" or whatever it's called. if it feels icky to reuse the same constant for this component, one could always rename it as "info-plinth-bg-color" or something
There was a problem hiding this comment.
info-plinth-bg-color +1 !
|
lgtm mod comments |
For matrix-org/matrix-react-sdk#1580