he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-04 17:07:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

TextBuffer: add keyboard scrolling support

Browse source
This commit is contained in:
He4eT 2021-07-19 18:13:38 +05:00 • committed by Alexey
commit 7240be1120
2 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/Player/TextBuffer.jsx
View file

@ -82,6 +82,7 @@ export default function ({ inbox, currentWindow }) {
return (
<section
tabindex='0'
ref={textBufferEl}
className={classes}>
{messages.map(TextMessage)}

19
src/components/Player/player.css
View file

@ -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;
}