Stop using textarea in DebugLogWindow
This commit is contained in:
parent
1a50545084
commit
201c6f9078
2 changed files with 24 additions and 19 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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}
|
||||||
|
|
Loading…
Reference in a new issue