Skip to content

Larger Video In Readwise Reader by jannismain

Screenshot of Larger Video In Readwise Reader

Details

Authorjannismain

LicenseNo License

Categoryread.readwise.io

Created

Updated

Size985 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This removes the limitation that the video panel can only be as wide as the text below. Instead, the video panel can now reach to the edge of the current view.

Notes

I am not the author of this userstyle. This was created by u/beingskyler and u/double0penguin on reddit. Link to original source

Source code

/* ==UserStyle==
@name         Larger Video In Readwise Reader
@version      20250313.09.43
@namespace    https://userstyles.world/user/u/beingskyler, u/double0penguin
@description  This removes the limitation that the video panel can only be as wide as the text below. Instead, the video panel can now reach to the edge of the current view.
@author       u/beingskyler, u/double0penguin
==/UserStyle== */

@-moz-document domain("read.readwise.io") {
/* This selector only targets elements with both textContentWrapper AND isYouTube classes */
[class*="_textContentWrapper_"][class*="_isYouTube_"] {
    max-width: 100% !important;
}

/* Target the YouTube player container specifically */
[class*="_ytPlayerContainer_"] > div:first-child {
    max-width: 100% !important;
}

.document-content,
.document-content.mandatory-styles[class*="specific-"] {
    max-width: calc(var(--reading-editable-line-length) + var(--content-gutter) * 6);
    margin: 0 auto;
}
}

Reviews

No reviews yet.