Stop using textarea in DebugLogWindow

This commit is contained in:
Fedor Indutny 2022-08-16 16:19:28 -07:00 committed by GitHub
parent 1a50545084
commit 201c6f9078
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 19 deletions

View file

@ -17,18 +17,25 @@
justify-content: center; justify-content: center;
} }
&__textarea { &__scroll_area {
font-family: Monaco, Consolas, 'Courier New', Courier, monospace; overflow-x: hidden;
font-size: 12px; overflow-y: scroll;
height: 100%; max-height: 100%;
resize: none;
width: 100%; border: 1px solid $color-gray-45;
@include dark-theme { @include dark-theme {
background-color: $color-gray-90; background-color: $color-gray-90;
border: 1px solid $color-gray-45;
color: $color-gray-02; color: $color-gray-02;
} }
&__text {
font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
font-size: 12px;
margin: 0;
user-select: none;
white-space: pre-line;
}
} }
&__title { &__title {

View file

@ -199,19 +199,17 @@ export const DebugLogWindow = ({
{i18n('debugLogExplanation')} {i18n('debugLogExplanation')}
</p> </p>
</div> </div>
<div className="DebugLogWindow__container"> {isLoading ? (
{isLoading ? ( <div className="DebugLogWindow__container">
<Spinner svgSize="normal" /> <Spinner svgSize="normal" />
) : ( </div>
<textarea ) : (
className="DebugLogWindow__textarea" <div className="DebugLogWindow__scroll_area">
readOnly <pre className="DebugLogWindow__scroll_area__text">
rows={5} {textAreaValue}
spellCheck={false} </pre>
value={textAreaValue} </div>
/> )}
)}
</div>
<div className="DebugLogWindow__footer"> <div className="DebugLogWindow__footer">
<Button <Button
disabled={!canSave} disabled={!canSave}