From 4ebbbd36fc2b3ffbca5b9e0796ed9798fd3ab873 Mon Sep 17 00:00:00 2001
From: He4eT <He4eTHb1u@gmail.com>
Date: Mon, 19 Jul 2021 18:13:38 +0500
Subject: [PATCH] TextBuffer: add keyboard scrolling support

---
 src/components/Player/TextBuffer.jsx |  1 +
 src/components/Player/player.css     | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Player/TextBuffer.jsx b/src/components/Player/TextBuffer.jsx
index 4997075..69ab702 100644
--- a/src/components/Player/TextBuffer.jsx
+++ b/src/components/Player/TextBuffer.jsx
@@ -82,6 +82,7 @@ export default function ({ inbox, currentWindow }) {
 
   return (
     <section
+      tabindex='0'
       ref={textBufferEl}
       className={classes}>
         {messages.map(TextMessage)}
diff --git a/src/components/Player/player.css b/src/components/Player/player.css
index 0011321..9f99c90 100644
--- a/src/components/Player/player.css
+++ b/src/components/Player/player.css
@@ -44,7 +44,7 @@
   border: var(--border-width) solid var(--main-color);
 }
 
-.ifplayer .buffer {
+.ifplayer .output .buffer {
   overflow-y: scroll;
   box-sizing: border-box;
 
@@ -54,32 +54,33 @@
   scrollbar-width: thin;
 }
 
-.ifplayer .buffer:empty {
+.ifplayer .output .buffer:empty {
   display: none;
 }
 
-.ifplayer .buffer::-webkit-scrollbar {
+.ifplayer .output .buffer::-webkit-scrollbar {
   width: 8px;
 }
 
-.ifplayer .buffer::-webkit-scrollbar-thumb {
+.ifplayer .output .buffer::-webkit-scrollbar-thumb {
   background-color: var(--main-color);
   border: 4px solid var(--bg-color);
   border-left-width: 0px;
 }
 
-.ifplayer .gridBuffer {
+.ifplayer .output .gridBuffer {
   flex-shrink: 0;
   border-bottom: var(--border-width) solid var(--main-color);
 }
 
-.ifplayer .textBuffer {
+.ifplayer .output .textBuffer {
   flex: 2 1;
+  outline: none;
 }
 
-.ifplayer .textBuffer > br:first-child,
-.ifplayer .textBuffer > br:last-child,
-.ifplayer .textBuffer > br + br + br {
+.ifplayer .output .textBuffer > br:first-child,
+.ifplayer .output .textBuffer > br:last-child,
+.ifplayer .output .textBuffer > br + br + br {
   display: none;
 }