diff --git a/frontend/app/components/Session_/BugReport/components/Comments.tsx b/frontend/app/components/Session_/BugReport/components/Comments.tsx index cb8a57b18..1c50d1d68 100644 --- a/frontend/app/components/Session_/BugReport/components/Comments.tsx +++ b/frontend/app/components/Session_/BugReport/components/Comments.tsx @@ -36,7 +36,7 @@ function Comments() { placeholder="Comment..." rows={3} autoFocus - className="rounded fluid border -mx-2 px-2 py-1 w-full -mt-2" + className="text-area fluid border -mx-2 px-2 py-1 w-full -mt-2" value={bugReportStore.comment} onChange={(e) => bugReportStore.setComment(e.target.value)} onBlur={() => bugReportStore.toggleCommentEditing(false)} diff --git a/frontend/app/components/Session_/Issues/IssueForm.js b/frontend/app/components/Session_/Issues/IssueForm.js index 2010a2fe5..248fd478c 100644 --- a/frontend/app/components/Session_/Issues/IssueForm.js +++ b/frontend/app/components/Session_/Issues/IssueForm.js @@ -145,6 +145,7 @@ class IssueForm extends React.PureComponent { value={instance.description} placeholder="E.g. Found this issue at 3:29secs" onChange={this.write} + className="text-area" /> diff --git a/frontend/app/components/Session_/Player/Controls/components/CreateNote.tsx b/frontend/app/components/Session_/Player/Controls/components/CreateNote.tsx index c51f8a54c..e84929f5b 100644 --- a/frontend/app/components/Session_/Player/Controls/components/CreateNote.tsx +++ b/frontend/app/components/Session_/Player/Controls/components/CreateNote.tsx @@ -211,12 +211,7 @@ function CreateNote({ value={text} autoFocus onChange={(e) => setText(e.target.value)} - style={{ - border: 'solid thin #ddd', - borderRadius: 3, - resize: 'none', - background: '#ffff', - }} + className="text-area" /> diff --git a/frontend/app/styles/general.css b/frontend/app/styles/general.css index b9367f30e..edd2b8711 100644 --- a/frontend/app/styles/general.css +++ b/frontend/app/styles/general.css @@ -375,4 +375,11 @@ p { & svg { fill: $teal !important; } +} + +.text-area { + border: solid thin #ddd; + border-radius: 3px; + resize: none; + background-color: #ffff; } \ No newline at end of file