LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-26 14:21:13 +00:00
Code Issues Projects Releases Wiki Activity

fix: Remove inline styles and use Bootstrap classes

Browse source
This commit is contained in:
Jay Sitter 2023-06-16 22:43:46 -04:00
parent cbbd0c0f82
commit 133951bc84
1 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/shared/components/common/markdown-textarea.tsx
View file

@ -146,18 +146,8 @@ export class MarkdownTextArea extends Component<
/> />
<div className="form-group row"> <div className="form-group row">
<div className="col-12"> <div className="col-12">
<div <div className="rounded bg-light border border-light">
className="rounded bg-light overflow-hidden" <div className="d-flex flex-wrap border-bottom border-light">
style={{
border: "1px solid var(--medium-light)",
}}
>
<div
className="d-flex flex-wrap"
style={{
"border-bottom": "1px solid var(--medium-light)",
}}
>
{this.getFormatButton("bold", this.handleInsertBold)} {this.getFormatButton("bold", this.handleInsertBold)}
{this.getFormatButton("italic", this.handleInsertItalic)} {this.getFormatButton("italic", this.handleInsertItalic)}
{this.getFormatButton("link", this.handleInsertLink)} {this.getFormatButton("link", this.handleInsertLink)}
@ -219,9 +209,12 @@ export class MarkdownTextArea extends Component<
<div> <div>
<textarea <textarea
id={this.id} id={this.id}
className={classNames("form-control border-0 rounded-0", { className={classNames(
"form-control border-0 rounded-bottom",
{
"d-none": this.state.previewMode, "d-none": this.state.previewMode,
})} }
)}
value={this.state.content} value={this.state.content}
onInput={linkEvent(this, this.handleContentChange)} onInput={linkEvent(this, this.handleContentChange)}
onPaste={linkEvent(this, this.handleImageUploadPaste)} onPaste={linkEvent(this, this.handleImageUploadPaste)}