☰

Youtube chapter panel on top of video

moves the chapter panel (invisible) on top of the video (designed for theater mode). Shows up when hovering over it.

Version vom 19.02.2021. Aktuellste Version

/* ==UserStyle==
@name           Youtube chapter panel on top of video
@version        1.0.5
@description    moves the chapter panel (invisible) on top of the video (designed for theater mode). Shows up when hovering over it.
@author         toppits
@license        idc

@advanced dropdown toggle_left "Toggle Panel to the left?" {
	0 "No" <<<EOT
	#panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
    left: inherit !important;
} EOT;

	1 "Yes" <<<EOT
	#panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
    left: 0 !important;	
	max-width: 450px !important;
  } EOT;
}
@namespace almaceleste
==/UserStyle== */
 
@-moz-document url-prefix("https://www.youtube.com/watch") {
#panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
	position: absolute;
	opacity: 0 !important;
	top: 0 !important;
	z-index: 9999999 !important;
	max-height: calc(var(--ytd-watch-flexy-max-player-height) - 150px) !important;
	max-width: 450px !important;
	margin-bottom: 0 !important;
}
	/*[[toggle_left]]*/

#panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy:hover {
	opacity: 1 !important;
}

/*current chapter*/
#sync-button.ytd-macro-markers-list-renderer {
	border-radius: 4px !important;
}
}