Fixed styling of chat-textfield a bit.
@@ -23,8 +23,11 @@ chat-textfield, chat-textfield-simple {
margin-left: 0.5rem;
}
+
+
.wdt__text {
align-self: stretch;
+ flex-grow: 1;
&.valid { .Medium {
border-color: $won-line-gray;
@@ -41,7 +44,19 @@ chat-textfield, chat-textfield-simple {
background-color: white;
}
- & .Medium, & .Medium-placeholder {
+ & .Medium-clear {
+ //display: none; //hide input field while placeholder is visible
+ }
+ & .Medium-placeholder {
+ color: $won-line-gray;
+ position: absolute;
+ pointer-events: none; //click-through
+ }
+ }
+ textarea.wdt__text,
+ .wdt__text .Medium,
+ .wdt__text .Medium-placeholder
+ {
//$padding: 0.3rem;
//padding: $padding;
font-size: $normalFontSize;
@@ -66,15 +81,9 @@ chat-textfield, chat-textfield-simple {
color: black;
}
}
- & .Medium-clear {
- //display: none; //hide input field while placeholder is visible
- }
- & .Medium-placeholder {
- color: $won-line-gray;
- position: absolute;
- pointer-events: none; //click-through
- }
- }
+
+
+
.wdt__charcount {
@include fine-print;
margin-top: $smallFontSize * 0.5;
