This commit is contained in:
doomtube
parent
954755fbc3
commit
6bbfc671b3
35 changed files with 94 additions and 310 deletions
|
|
@ -510,7 +510,7 @@
|
|||
.time {
|
||||
color: #8b949e;
|
||||
font-size: 0.7rem;
|
||||
font-family: monospace;
|
||||
font-family: var(--font-mono);
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -670,7 +670,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
min-width: 400px;
|
||||
min-height: 450px;
|
||||
max-width: calc(100vw - 2rem);
|
||||
|
|
|
|||
|
|
@ -735,7 +735,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
min-width: 350px;
|
||||
min-height: 200px;
|
||||
max-width: calc(100vw - 2rem);
|
||||
|
|
@ -987,19 +987,6 @@
|
|||
padding: 0.25rem 0;
|
||||
}
|
||||
|
||||
.toc-list::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
.toc-list::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.toc-list::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.toc-item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -651,7 +651,7 @@
|
|||
.epoch {
|
||||
color: var(--text-faint);
|
||||
font-size: 0.65rem;
|
||||
font-family: monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.self-destruct-indicator {
|
||||
|
|
|
|||
|
|
@ -825,12 +825,6 @@
|
|||
min-height: 0; /* Allow flex shrinking */
|
||||
max-height: 100%; /* Don't exceed container */
|
||||
width: 100%; /* Ensure full width */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none; /* IE/Edge */
|
||||
}
|
||||
|
||||
.messages-container::-webkit-scrollbar {
|
||||
display: none; /* Chrome/Safari/Opera */
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
|
|
@ -889,7 +883,7 @@
|
|||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
z-index: 200;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -409,7 +409,7 @@
|
|||
background: transparent;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
|
|
@ -630,7 +630,7 @@
|
|||
color: #7ee787;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.calendar-header {
|
||||
|
|
|
|||
|
|
@ -313,19 +313,6 @@
|
|||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.favorites-grid::-webkit-scrollbar {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.favorites-grid::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.favorites-grid::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.favorite-sticker {
|
||||
flex-shrink: 0;
|
||||
width: 40px;
|
||||
|
|
@ -394,23 +381,6 @@
|
|||
align-content: start;
|
||||
}
|
||||
|
||||
.sticker-grid::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.sticker-grid::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.sticker-grid::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.sticker-grid::-webkit-scrollbar-thumb:hover {
|
||||
background: #484f58;
|
||||
}
|
||||
|
||||
.sticker-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@
|
|||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background: #0d1117;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
/* Player section (terminal style) */
|
||||
|
|
@ -513,18 +513,6 @@
|
|||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.queue-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.queue-list::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.queue-list::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
}
|
||||
|
||||
.queue-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -173,7 +173,7 @@
|
|||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background: #0d1117;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.ebooks-header {
|
||||
|
|
@ -202,19 +202,6 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.ebooks-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.ebooks-list::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.ebooks-list::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.ebooks-loading,
|
||||
.loading-more {
|
||||
color: #8b949e;
|
||||
|
|
|
|||
|
|
@ -264,7 +264,7 @@
|
|||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background: #0d1117;
|
||||
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.games-header {
|
||||
|
|
@ -324,19 +324,6 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.games-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.games-list::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.games-list::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.games-loading {
|
||||
color: #8b949e;
|
||||
font-size: 0.75rem;
|
||||
|
|
|
|||
|
|
@ -236,19 +236,6 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.streams-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.streams-list::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.streams-list::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.streams-loading,
|
||||
.streams-empty {
|
||||
color: #8b949e;
|
||||
|
|
|
|||
|
|
@ -265,20 +265,6 @@
|
|||
padding: 0.5rem;
|
||||
color: #c9d1d9;
|
||||
background: transparent;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #30363d transparent;
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
}
|
||||
|
||||
/* Inline command input - appears at end of messages */
|
||||
|
|
|
|||
|
|
@ -102,16 +102,10 @@
|
|||
display: flex;
|
||||
gap: 0.375rem;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.tab-bar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.scroll-arrow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -134,7 +134,7 @@
|
|||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
color: #ffd700;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.stat-value.destroyed {
|
||||
|
|
@ -175,7 +175,7 @@
|
|||
font-size: 1.75rem;
|
||||
font-weight: 600;
|
||||
color: #58a6ff;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.info-section {
|
||||
|
|
@ -235,7 +235,7 @@
|
|||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #7ee787;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.your-share-note {
|
||||
|
|
@ -267,23 +267,6 @@
|
|||
border-color: #8b949e;
|
||||
}
|
||||
|
||||
/* Minimal 1px grey scrollbar */
|
||||
.treasury-container::-webkit-scrollbar {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.treasury-container::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.treasury-container::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
}
|
||||
|
||||
.treasury-container {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #30363d transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="treasury-container">
|
||||
|
|
|
|||
|
|
@ -143,19 +143,6 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.watch-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.watch-list::-webkit-scrollbar-track {
|
||||
background: #0d1117;
|
||||
}
|
||||
|
||||
.watch-list::-webkit-scrollbar-thumb {
|
||||
background: #30363d;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.watch-loading,
|
||||
.watch-empty {
|
||||
color: #8b949e;
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
border-radius: 4px;
|
||||
color: var(--terminal-text-muted);
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Consolas', 'Monaco', monospace;
|
||||
font-family: var(--font-mono);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
}
|
||||
|
|
@ -162,23 +162,6 @@
|
|||
background: var(--terminal-bg);
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar-track {
|
||||
background: var(--terminal-bg);
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar-thumb {
|
||||
background: var(--terminal-border);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.terminal-messages::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--border-hover);
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
TERMINAL INPUT
|
||||
============================================ */
|
||||
|
|
@ -353,19 +336,6 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.streams-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.streams-list::-webkit-scrollbar-track {
|
||||
background: var(--terminal-bg);
|
||||
}
|
||||
|
||||
.streams-list::-webkit-scrollbar-thumb {
|
||||
background: var(--terminal-border);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.streams-loading,
|
||||
.streams-empty {
|
||||
color: var(--terminal-text-muted);
|
||||
|
|
@ -625,7 +595,7 @@
|
|||
justify-content: space-between;
|
||||
font-size: 0.65rem;
|
||||
color: var(--terminal-text-muted);
|
||||
font-family: monospace;
|
||||
font-family: var(--font-mono);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
|
|
@ -818,7 +788,7 @@
|
|||
|
||||
.queue-duration {
|
||||
font-size: 0.65rem;
|
||||
font-family: monospace;
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
.remove-btn {
|
||||
|
|
@ -862,19 +832,6 @@
|
|||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.audio-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.audio-list::-webkit-scrollbar-track {
|
||||
background: var(--terminal-bg);
|
||||
}
|
||||
|
||||
.audio-list::-webkit-scrollbar-thumb {
|
||||
background: var(--terminal-border);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.audio-loading,
|
||||
.audio-empty {
|
||||
color: var(--terminal-text-muted);
|
||||
|
|
|
|||
|
|
@ -322,9 +322,7 @@
|
|||
|
||||
<style>
|
||||
.playlist-container {
|
||||
background: #111;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: #1a1a1a;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
|
|
@ -435,25 +433,6 @@
|
|||
.playlist-items {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #444 transparent;
|
||||
}
|
||||
|
||||
.playlist-items::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.playlist-items::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.playlist-items::-webkit-scrollbar-thumb {
|
||||
background: #444;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.playlist-items::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
.playlist-item {
|
||||
|
|
@ -638,20 +617,6 @@
|
|||
padding: 1rem;
|
||||
overflow-y: auto;
|
||||
flex: 1;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #555 transparent;
|
||||
}
|
||||
|
||||
.settings-panel::-webkit-scrollbar {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.settings-panel::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.settings-panel::-webkit-scrollbar-thumb {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
.settings-section h3 {
|
||||
|
|
|
|||
|
|
@ -185,6 +185,13 @@
|
|||
const currentTime = player.getCurrentTime();
|
||||
const drift = Math.abs(currentTime - expectedTime);
|
||||
|
||||
// Skip drift detection when video has ended - the player is stuck at end time
|
||||
// and expected time keeps advancing, causing infinite "Controller seek detected" loop
|
||||
if (hasVideoEnded) {
|
||||
// Video ended - don't try to sync, wait for skip/next
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if we need to sync (tight 2-second threshold like CyTube)
|
||||
if (drift > DRIFT_THRESHOLD) {
|
||||
if ($canControl) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue