File tree 1 file changed +18
-0
lines changed 1 file changed +18
-0
lines changed Original file line number Diff line number Diff line change @@ -43,7 +43,25 @@ html[it-header-transparent-alternative=true] ytd-masthead #search-icon-legacy {b
43
43
/* Make chips filter bar barely visible */
44
44
html [it-header-transparent-alternative = true ] # chips-wrapper {opacity : 0.7 !important ;}
45
45
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
+ }
46
57
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
+ }
47
65
48
66
/*--------------------------------------------------------------
49
67
# POSITION
You can’t perform that action at this time.
0 commit comments