LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-22 12: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

23
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="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)}