LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-26 12:51:25 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1340 from jsit/fix/markdown-bootstrap-classes

Browse source 
fix: Remove inline styles and use Bootstrap classes
This commit is contained in:
SleeplessOne1917 2023-06-17 02:50:48 +00:00 committed by GitHub
commit 958bb8c209
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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)}