IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix responsive layout for textarea

Browse Source
This commit is contained in:
Vladislav Makhov 2020-07-13 14:16:36 +03:00
parent 7dd8308069
commit 001c8c2620
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/ASC.Web.Common/src/components/Layout/sub-components/recover-modal-dialog.js
View File

@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";
import { Button, TextInput, Text, ModalDialog, Textarea, FieldContainer } from "asc-web-components";
import styled from "styled-components";
@ -28,6 +28,7 @@ const SubModalDialog = ({ visible, onRecoverModalClose, t }) => {
const [emailErr, setEmailErr] = useState(false);
const [description, setDescription] = useState("");
const [descErr, setDescErr] = useState(false);
const [width, setWidth] = useState(window.innerWidth);
const onSendRecoverInstructions = () => {
if (!email.trim()) {
@ -47,6 +48,10 @@ const SubModalDialog = ({ visible, onRecoverModalClose, t }) => {
const onChangeDescription = (e) => setDescription(e.currentTarget.value);
useEffect(() => {
window.addEventListener("resize", () => setWidth(window.innerWidth));
}, []);
return (
<ModalDialogContainer>
<ModalDialog
@ -82,6 +87,7 @@ const SubModalDialog = ({ visible, onRecoverModalClose, t }) => {
</FieldContainerWrapper>,
<FieldContainerWrapper key="text-description" isVertical={true} hasError={descErr} errorMessage={t("RecoverErrorMessage")}>
<Textarea
heightScale={width > 1024 ? false : true}
hasError={descErr}
placeholder={t("RecoverDescribeYourProblemPlaceholder")}
value={description}