oreolek/phanpy
1
0
Fork 0
Code Activity

Fix textarea styles leaked to other textareas

Browse source
This commit is contained in:
Lim Chee Aun 2023-11-04 12:02:41 +08:00
parent 44ffd69941
commit 674e1fd1ff
2 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/compose.css
View file

@ -136,16 +136,18 @@
line-height: 1.4; line-height: 1.4;
border-color: transparent; border-color: transparent;
@media (width < 30em) { &.compose-field {
margin-inline: calc(-1 * var(--form-padding-inline)); @media (width < 30em) {
width: 100vw !important; margin-inline: calc(-1 * var(--form-padding-inline));
max-width: 100vw; width: 100vw !important;
border-radius: 0; max-width: 100vw;
border: 0; border-radius: 0;
} border: 0;
}
@media (min-width: 40em) { @media (min-width: 40em) {
max-height: 65vh; max-height: 65vh;
}
} }
} }
#compose-container textarea:hover { #compose-container textarea:hover {

1
src/components/compose.jsx
View file

@ -1417,6 +1417,7 @@ const Textarea = forwardRef((props, ref) => {
return ( return (
<text-expander ref={textExpanderRef} keys="@ # :"> <text-expander ref={textExpanderRef} keys="@ # :">
<textarea <textarea
class="compose-field"
autoCapitalize="sentences" autoCapitalize="sentences"
autoComplete="on" autoComplete="on"
autoCorrect="on" autoCorrect="on"