mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-25 22:01:13 +00:00
Merge pull request #1340 from jsit/fix/markdown-bootstrap-classes
fix: Remove inline styles and use Bootstrap classes
This commit is contained in:
commit
958bb8c209
1 changed files with 8 additions and 15 deletions
|
@ -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", {
|
||||
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)}
|
||||
|
|
Loading…
Reference in a new issue