forked from Kieran/snort
Merge pull request #28 from v0l/fill
fix: use all available width for note creator text area
This commit is contained in:
commit
24ac41918c
@ -12,7 +12,12 @@
|
|||||||
max-height: 300px;
|
max-height: 300px;
|
||||||
border-radius: 10px 10px 0 0;
|
border-radius: 10px 10px 0 0;
|
||||||
max-width: -webkit-fill-available;
|
max-width: -webkit-fill-available;
|
||||||
|
max-width: -moz-available;
|
||||||
|
max-width: fill-available;
|
||||||
|
min-width: 100%;
|
||||||
min-width: -webkit-fill-available;
|
min-width: -webkit-fill-available;
|
||||||
|
min-width: -moz-available;
|
||||||
|
min-width: fill-available;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-creator .actions {
|
.note-creator .actions {
|
||||||
|
@ -50,7 +50,7 @@ export function NoteCreator(props) {
|
|||||||
{replyTo ? <small>{`Reply to: ${replyTo.Id.substring(0, 8)}`}</small> : null}
|
{replyTo ? <small>{`Reply to: ${replyTo.Id.substring(0, 8)}`}</small> : null}
|
||||||
<div className="flex note-creator" onClick={() => setActive(true)}>
|
<div className="flex note-creator" onClick={() => setActive(true)}>
|
||||||
<div className="textarea flex f-col mr10 f-grow">
|
<div className="textarea flex f-col mr10 f-grow">
|
||||||
<textarea className="textarea" placeholder="Say something!" value={note} onChange={(e) => setNote(e.target.value)} />
|
<textarea className="textarea w-max" placeholder="Say something!" value={note} onChange={(e) => setNote(e.target.value)} />
|
||||||
{active ? <div className="actions flex f-row">
|
{active ? <div className="actions flex f-row">
|
||||||
<div className="attachment flex f-row">
|
<div className="attachment flex f-row">
|
||||||
{error.length > 0 ? <b className="error">{error}</b> : null}
|
{error.length > 0 ? <b className="error">{error}</b> : null}
|
||||||
|
Loading…
Reference in New Issue
Block a user