Skip to content

youtube fix for small resolution display by f0xss

Screenshot of youtube fix for small resolution display

Details

Authorf0xss

LicenseNo License

Categoryuserstyles

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

адаптирует кнопки и др. под разрешение 720Р (экраны 15"-17" и старые квадратные 3/4)

Notes

1.5
== support for updates on the site

1.4 (500 installs)
++ add settings width playlist

1.3
== update screenshot
== support for YT changes

Source code

/* ==UserStyle==
@name           youtube video title fix
@namespace      github.com/openstyles/stylus
@version        1.1.6
@description    A new userstyle
@author         Foxss

@preprocessor 	stylus
@var range setnumlines			'Max lines for title' [3, 0, 9, 1, ""]
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/feed/subscriptions/"),
url-prefix("https://www.youtube.com/") {
	/*@var number	  maxlines "Max lines for title" [9, 0, 9, 1] знач.поо умолч, мин, макс, шаг*/
	ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media,
	#video-title.ytd-rich-grid-media,
	.ShortsLockupViewModelHostOutsideMetadataTitle {
		max-height: 11rem;
		-webkit-line-clamp: setnumlines !important;
	}

	ytd-menu-renderer .ytd-menu-renderer[style-target="button"] {
		width: 45px !important;
	}

	/*небольшая правка положения аватара*/
	#avatar-container.ytd-rich-grid-media {
		height: 30px;
		margin-top: 16px;
		margin-right: 3px;
	}

	/*контекстное меню в загаловке видео в списке*/
	#meta.ytd-rich-grid-media {
		#meta.ytd-rich-grid-media {
			overflow-x: hidden;
			padding-right: 14px;
		}
	}

	#menu ytd-menu-renderer .ytd-menu-renderer[style-target="button"] {
		width: 30px !important;
		height: 30px !important;
	}

	#menu button.yt-icon-button {
		border: solid 1px lightgrey;
		border-radius: 50%;
	}

	contentWrapper.tp-yt-iron-dropdown > * {
		overflow: hidden;
		border: solid 1px lightgrey;
	}

	/*обрамление аватара плашкой эфир*/
	.yt-spec-avatar-shape--cairo-refresh .yt-spec-avatar-shape__live-badge {
		background-color: #ffffff;
	}

	.yt-spec-avatar-shape__live-badge--badge-medium {
		max-width: 45px;
		min-width: 45px;
		margin-bottom: -10px;
	}

	.yt-spec-avatar-shape__badge-text {
		color: #000000;
	}

	.yt-spec-avatar-shape--cairo-refresh.yt-spec-avatar-shape--live-ring::after {
		background: linear-gradient(to top, #ffffff 80%, #e01378 100%);
	}
}

Reviews

No reviews yet.