Skip to content

Commit c8a1d67

Browse files
authored
#2891 #2855 thanks @iAmNseng
1 parent 740e8de commit c8a1d67

File tree

1 file changed

+18
-0
lines changed
  • js&css/extension/www.youtube.com/appearance/header

1 file changed

+18
-0
lines changed

js&css/extension/www.youtube.com/appearance/header/header.css

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,25 @@ html[it-header-transparent-alternative=true] ytd-masthead #search-icon-legacy {b
4343
/* Make chips filter bar barely visible */
4444
html[it-header-transparent-alternative=true] #chips-wrapper {opacity: 0.7 !important;}
4545

46+
/* Fix for filter tabs being hidden by hover header */
47+
html[it-header-position="hover"] #masthead-container[it-search-focus="true"] ~ ytd-page-manager ytd-feed-filter-chip-bar-renderer,
48+
html[it-header-position="hover"] #masthead-container[it-search-focus="true"] ~ ytd-page-manager ytd-search-sub-menu-renderer {
49+
transform: translateY(56px) !important;
50+
transition: transform 0.2s ease-in-out;
51+
position: relative;
52+
z-index: 6;
53+
}
54+
html[it-header-position="hover"] #masthead-container[it-search-focus="true"] ~ ytd-page-manager #contents.ytd-section-list-renderer {
55+
padding-top: 56px;
56+
}
4657

58+
/* Ensure filter chips are visible when header is hovered */
59+
html[it-header-position="hover"] #masthead-container:hover ~ ytd-page-manager ytd-feed-filter-chip-bar-renderer,
60+
html[it-header-position="hover"] #masthead-container:hover ~ ytd-page-manager ytd-search-sub-menu-renderer {
61+
transform: translateY(56px) !important;
62+
opacity: 1 !important;
63+
visibility: visible !important;
64+
}
4765

4866
/*--------------------------------------------------------------
4967
# POSITION

0 commit comments

Comments
 (0)