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;
border-color: transparent;
@media (width < 30em) {
margin-inline: calc(-1 * var(--form-padding-inline));
width: 100vw !important;
max-width: 100vw;
border-radius: 0;
border: 0;
}
&.compose-field {
@media (width < 30em) {
margin-inline: calc(-1 * var(--form-padding-inline));
width: 100vw !important;
max-width: 100vw;
border-radius: 0;
border: 0;
}
@media (min-width: 40em) {
max-height: 65vh;
@media (min-width: 40em) {
max-height: 65vh;
}
}
}
#compose-container textarea:hover {

1
src/components/compose.jsx
View file

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