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.

目前為 2021-02-19 提交的版本，檢視最新版本。

換行

/* ==UserStyle==
@name           Youtube chapter panel on top of video
@version        1.0.4
@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;
}

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