Skip to content

Commit efe46bc

Browse files
authored
Update youtube.com.css #1568
1 parent 6a226a5 commit efe46bc

File tree

1 file changed

+29
-15
lines changed

1 file changed

+29
-15
lines changed

websites/youtube.com.css

Lines changed: 29 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -48,17 +48,23 @@ ytd-mini-guide-entry-renderer {
4848
margin-left: 0 !important;
4949
}
5050

51-
ytd-app:not([guide-persistent-and-visible=""]) tp-yt-app-drawer > #contentContainer {
51+
ytd-app:not([guide-persistent-and-visible=""])
52+
tp-yt-app-drawer
53+
> #contentContainer {
5254
background-color: var(--yt-spec-text-primary-inverse) !important;
5355
}
5456

55-
ytd-alert-with-button-renderer {
57+
ytd-alert-with-button-renderer{
5658
align-items: center !important;
5759
justify-content: center !important;
5860
}
5961

6062
/* yt-clean side guide */
61-
ytd-guide-section-renderer:has([title="YouTube Studio"], [title="Sport"], [title="Settings"]),
63+
ytd-guide-section-renderer:has(
64+
[title="YouTube Studio"],
65+
[title="Sport"],
66+
[title="Settings"]
67+
),
6268
ytd-guide-renderer #footer {
6369
display: none !important;
6470
}
@@ -116,17 +122,19 @@ body:not(:has([mini-guide-visible=""])) {
116122
justify-items: center;
117123
}
118124

119-
ytd-app:not([guide-persistent-and-visible=""]) tp-yt-app-drawer > #contentContainer {
125+
ytd-app:not([guide-persistent-and-visible=""])
126+
tp-yt-app-drawer
127+
> #contentContainer {
120128
background: transparent !important;
121129
}
122130
}
123131

124-
ytd-alert-with-button-renderer {
132+
ytd-alert-with-button-renderer{
125133
align-items: center !important;
126134
justify-content: center !important;
127135
}
128136

129-
ytd-two-column-browse-results-renderer[page-subtype="playlist"] {
137+
ytd-two-column-browse-results-renderer[page-subtype="playlist"]{
130138
width: fit-content !important;
131139
}
132140

@@ -147,20 +155,23 @@ ytd-two-column-browse-results-renderer[page-subtype="playlist"] {
147155
display: none !important;
148156
}
149157

158+
150159
/* yt-Hide filter chips */
151160
#chips-wrapper {
152161
top: 0 !important;
153162
}
154163

155-
.ytd-two-column-browse-results-renderer #header {
164+
[page-subtype="home"] .ytd-two-column-browse-results-renderer #header {
156165
display: none !important;
157166
}
158167

159168
/* yt-Compact feed */
160169
ytd-rich-item-renderer {
161170
margin-bottom: 15px !important;
162171
[rendered-from-rich-grid] {
163-
--ytd-rich-item-row-usable-width: calc(100% - var(--ytd-rich-grid-gutter-margin) * 1) !important;
172+
--ytd-rich-item-row-usable-width: calc(
173+
100% - var(--ytd-rich-grid-gutter-margin) * 1
174+
) !important;
164175
}
165176

166177
#metadata.ytd-video-meta-block {
@@ -223,10 +234,6 @@ ytd-merch-shelf-renderer,
223234
display: none !important;
224235
}
225236

226-
*::-webkit-scrollbar {
227-
display: none !important;
228-
}
229-
230237
/* yt-Transparent video background */
231238
.html5-main-video,
232239
.html5-video-container,
@@ -253,6 +260,7 @@ ytd-merch-shelf-renderer,
253260
display: none !important;
254261
}
255262

263+
256264
/* yt-Theatre: zen view */
257265
[theater=""] #full-bleed-container {
258266
height: 100vh !important;
@@ -265,7 +273,8 @@ ytd-merch-shelf-renderer,
265273
transition: all 0.3s ease-in-out 0.5s !important;
266274
}
267275

268-
body:has([fullscreen=""], [theater=""]):not(:has(ytd-watch-flexy[hidden=""])) #masthead-container:not(:has(.ytSearchboxComponentInputBoxHasFocus)) {
276+
body:has([fullscreen=""], [theater=""]):not(:has(ytd-watch-flexy[hidden=""]))
277+
#masthead-container:not(:has(.ytSearchboxComponentInputBoxHasFocus)) {
269278
top: -40px !important;
270279
opacity: 0 !important;
271280
transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
@@ -275,7 +284,9 @@ body:has([fullscreen=""], [theater=""]):not(:has(ytd-watch-flexy[hidden=""])) #m
275284
}
276285
}
277286

278-
ytd-app:has([fullscreen=""], [theater=""]):not(:has(ytd-watch-flexy[hidden=""])) {
287+
ytd-app:has([fullscreen=""], [theater=""]):not(
288+
:has(ytd-watch-flexy[hidden=""])
289+
) {
279290
--ytd-toolbar-height: 0px !important;
280291

281292
#page-manager {
@@ -395,9 +406,12 @@ ytd-rich-item-renderer[is-in-first-column=""] {
395406
}
396407

397408
#contents {
398-
padding-left: calc(var(--ytd-rich-grid-item-margin) / 2 + var(--ytd-rich-grid-gutter-margin)) !important;
409+
padding-left: calc(
410+
var(--ytd-rich-grid-item-margin) / 2 + var(--ytd-rich-grid-gutter-margin)
411+
) !important;
399412
}
400413

414+
401415
/* Immersive search */
402416
#page-manager,
403417
yt-searchbox {

0 commit comments

Comments
 (0)