From 133951bc84900aa1990fd1b2595f46e21b3a3d86 Mon Sep 17 00:00:00 2001 From: Jay Sitter <jay@jaysitter.com> Date: Fri, 16 Jun 2023 22:43:46 -0400 Subject: [PATCH] fix: Remove inline styles and use Bootstrap classes --- .../components/common/markdown-textarea.tsx | 23 +++++++------------ 1 file changed, 8 insertions(+), 15 deletions(-) diff --git a/src/shared/components/common/markdown-textarea.tsx b/src/shared/components/common/markdown-textarea.tsx index ef7ba01..1a06d3d 100644 --- a/src/shared/components/common/markdown-textarea.tsx +++ b/src/shared/components/common/markdown-textarea.tsx @@ -146,18 +146,8 @@ export class MarkdownTextArea extends Component< /> <div className="form-group row"> <div className="col-12"> - <div - className="rounded bg-light overflow-hidden" - style={{ - border: "1px solid var(--medium-light)", - }} - > - <div - className="d-flex flex-wrap" - style={{ - "border-bottom": "1px solid var(--medium-light)", - }} - > + <div className="rounded bg-light border border-light"> + <div className="d-flex flex-wrap border-bottom border-light"> {this.getFormatButton("bold", this.handleInsertBold)} {this.getFormatButton("italic", this.handleInsertItalic)} {this.getFormatButton("link", this.handleInsertLink)} @@ -219,9 +209,12 @@ export class MarkdownTextArea extends Component< <div> <textarea id={this.id} - className={classNames("form-control border-0 rounded-0", { - "d-none": this.state.previewMode, - })} + className={classNames( + "form-control border-0 rounded-bottom", + { + "d-none": this.state.previewMode, + } + )} value={this.state.content} onInput={linkEvent(this, this.handleContentChange)} onPaste={linkEvent(this, this.handleImageUploadPaste)} -- 2.44.1