Move the transcript under the video to the right of the video.
当前为
/* ==UserStyle==
@name Coursera layout optimization
@version 20230217.13.34
@namespace userstyles.world/user/happiness
@description Move the transcript under the video to the right of the video.
@author happiness
@license No License
==/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;
}
/* "Save note" button after clicking on the transcript */
.rc-TranscriptHighlightButton {
left: 200px;
}
}