адаптирует кнопки и др. под разрешение 720Р (экраны 15"-17" и старые квадратные 3/4)
youtube fix for small resolution display by f0xss
Details
Authorf0xss
LicenseNo License
Categoryuserstyles
Created
Updated
Size2.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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%);
}
}