Fix changelog textarea being unusably small (#381)

This commit is contained in:
Prospector 2022-03-05 12:09:31 -08:00 committed by GitHub
parent 1c07a74bef
commit 86fbb383fd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -137,7 +137,12 @@
:items="['source', 'preview']" :items="['source', 'preview']"
/> />
<div v-if="changelogViewMode === 'source'" class="textarea-wrapper"> <div v-if="changelogViewMode === 'source'" class="textarea-wrapper">
<textarea id="body" v-model="version.changelog" /> <textarea
id="body"
v-model="version.changelog"
class="changelog-textarea"
spellcheck="true"
/>
</div> </div>
<div <div
v-if="changelogViewMode === 'preview'" v-if="changelogViewMode === 'preview'"
@ -1048,4 +1053,16 @@ section {
.styled-tabs { .styled-tabs {
margin-bottom: var(--spacing-card-sm); margin-bottom: var(--spacing-card-sm);
} }
.textarea-wrapper {
display: inline-block;
width: 100%;
}
.changelog-textarea {
resize: vertical;
width: calc(100% - var(--spacing-card-lg) - var(--spacing-card-md));
min-height: 10rem;
display: block;
}
</style> </style>