Coursera layout optimization

Move the transcript under the video to the right of the video.

目前为 2023-02-17 提交的版本。查看最新版本。

Wrap lines

/* ==UserStyle==
@name         Coursera layout optimization
@namespace    https://userstyles.world/user/happiness
@description  Move the transcript under the video to the right of the video.
@version      1.0.0
@license      unlicense
@preprocessor default
==/UserStyle== */

@-moz-document domain("www.coursera.org") {
  /* content: video title + notes + video + transcript */
.ItemPageLayout_content_body {
	padding: unset;
}
#main {
	padding-bottom: 0;
}


.ItemLecture_Video_Title,
.ItemLecture_Video_Notes_Navigation {
    flex-basis: 100%;
	margin-top: 0;
}
/* video */
#main > div:first-child > div > div:nth-child(3) {
    flex-basis: 60%;
}
/* transcript */
#main > div:first-child > div > div:nth-child(4) {
    flex-basis: 39%;
}
/* feedback */
.rc-ItemFeedback, .rc-ShareButtonWithModal {
	margin-top: 0 !important;
}


/* transcript */
div[data-testid="ItemLecture_Video_Transcript"] {
	margin-left: auto;
	overflow-y: scroll;
	padding: unset;
	/*
	global header: 65.8px;
	page header: 40+8+16px;
	video title: 48px;
	line under video title: 48px;
	feedback: 36px;
	*/
	--offset: calc(65.8px + 40px + 8px + 16px + 48px + 48px + 36px);
	max-height: calc(100vh - var(--offset));
}
.css-xl5mb3 .timestamp {
	margin-left: unset;
	padding: unset;
}
.rc-Phrase>span {
	font-size: 0.9rem;
}
.rc-Paragraph {
	padding: 0 0 0;
}

/* Hide pause button logo at the begining of the video */
.rc-PlayButton button {
	opacity: 0;
}
}

欢迎访问Greasy Fork镜像