gr-group: Use gr-textarea
This fixes an issue where the background for the description
box was grey. It should be white if you can edit and darkened
if you cannot.
Change-Id: I38ea8a2543b53c8319264fec686a709a69c43234
diff --git a/polygerrit-ui/app/elements/admin/gr-group/gr-group.ts b/polygerrit-ui/app/elements/admin/gr-group/gr-group.ts
index d9bd304..d7ffbaf 100644
--- a/polygerrit-ui/app/elements/admin/gr-group/gr-group.ts
+++ b/polygerrit-ui/app/elements/admin/gr-group/gr-group.ts
@@ -15,11 +15,11 @@
* limitations under the License.
*/
-import '@polymer/iron-autogrow-textarea/iron-autogrow-textarea';
import '../../shared/gr-autocomplete/gr-autocomplete';
import '../../shared/gr-button/gr-button';
import '../../shared/gr-copy-clipboard/gr-copy-clipboard';
import '../../shared/gr-select/gr-select';
+import '../../shared/gr-textarea/gr-textarea';
import {
AutocompleteSuggestion,
AutocompleteQuery,
@@ -243,13 +243,15 @@
</h3>
<fieldset>
<div>
- <iron-autogrow-textarea
+ <gr-textarea
class="description"
autocomplete="on"
+ rows="4"
+ monospace
?disabled=${this.computeGroupDisabled()}
- .bindValue=${convertToString(this.groupConfig?.description)}
- @bind-value-changed=${this.handleDescriptionBindValueChanged}
- ></iron-autogrow-textarea>
+ .text=${convertToString(this.groupConfig?.description)}
+ @text-changed=${this.handleDescriptionTextChanged}
+ >
</div>
<span class="value" ?disabled=${this.computeGroupDisabled()}>
<gr-button
@@ -478,7 +480,7 @@
this.requestUpdate();
}
- private handleDescriptionBindValueChanged(e: BindValueChangeEvent) {
+ private handleDescriptionTextChanged(e: CustomEvent) {
if (!this.groupConfig || this.loading) return;
this.groupConfig.description = e.detail.value;
this.requestUpdate();
