maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ghost textarea fixes (#12717)

Browse source 
* comment textarea padding

* font family fix

* one more
This commit is contained in:
ludwiczakpawel 2021-02-17 18:33:08 +01:00 • committed by GitHub
parent a655f3815e
commit 1be3602724
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/stylesheets/views/article-form.scss
View file

@ -157,8 +157,6 @@
&__field {
flex: 1 auto;
font-size: var(--fs-l);
font-family: var(--ff-monospace);
overflow: hidden;
}
}

8
app/assets/stylesheets/views/comments.scss
View file

@ -34,8 +34,14 @@
.comment-textarea {
resize: vertical;
padding: 0.5em;
max-height: 40vh;
// We need to overwrite default styles for `.crayons-textfield--ghost`
&,
&:hover,
&:focus {
padding: 0.5em;
}
}
&__toolbar,

2
app/javascript/article-form/components/EditorBody.jsx
View file

@ -76,7 +76,7 @@ export const EditorBody = ({
<Toolbar version={version} />
<Textarea
className="crayons-textfield crayons-textfield--ghost crayons-article-form__body__field"
className="crayons-textfield crayons-textfield--ghost crayons-article-form__body__field ff-monospace fs-l"
id="article_body_markdown"
aria-label="Post Content"
placeholder="Write your post content here..."