diff --git a/stylesheets/components/DebugLogWindow.scss b/stylesheets/components/DebugLogWindow.scss index 78d63b02cfee..bf6624b93021 100644 --- a/stylesheets/components/DebugLogWindow.scss +++ b/stylesheets/components/DebugLogWindow.scss @@ -17,18 +17,25 @@ justify-content: center; } - &__textarea { - font-family: Monaco, Consolas, 'Courier New', Courier, monospace; - font-size: 12px; - height: 100%; - resize: none; - width: 100%; + &__scroll_area { + overflow-x: hidden; + overflow-y: scroll; + max-height: 100%; + + border: 1px solid $color-gray-45; @include dark-theme { background-color: $color-gray-90; - border: 1px solid $color-gray-45; 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 { diff --git a/ts/components/DebugLogWindow.tsx b/ts/components/DebugLogWindow.tsx index 26bf221e4287..dd1f19e82b42 100644 --- a/ts/components/DebugLogWindow.tsx +++ b/ts/components/DebugLogWindow.tsx @@ -199,19 +199,17 @@ export const DebugLogWindow = ({ {i18n('debugLogExplanation')}

-
- {isLoading ? ( + {isLoading ? ( +
- ) : ( -