Created
February 23, 2022 17:32
-
-
Save vadimdemedes/06581cb1ea63596f6e0d9d547a75850b to your computer and use it in GitHub Desktop.
Refined Product Hunt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Notification icon in the header */ | |
[data-test="notification-bell"] { | |
display: none; | |
} | |
/* Hide menu items in header */ | |
.styles_header__x7qVU > div:nth-child(3) { | |
visibility: hidden; | |
} | |
/* Align header with content */ | |
.styles_header__x7qVU { | |
max-width: 1216px; | |
margin: 0 auto; | |
padding-left: 0 !important; | |
padding-right: 0 !important; | |
} | |
/* Remove border from header */ | |
.styles_header__x7qVU { | |
box-shadow: none; | |
} | |
/* Hide discussions in product list */ | |
[data-test^="homepage-section-"] > div > div { | |
display: none; | |
} | |
[data-test^="homepage-section-"] > div > div[class] { | |
display: block; | |
} | |
/* Hide comment from people you follow inside each product */ | |
[data-test^="homepage-section-"] > div > div[class] > div > div:nth-child(2) > div:nth-child(4) { | |
display: none; | |
} | |
/* Replace hover effect on products */ | |
[data-test^="post-item-"] { | |
transition: none; | |
padding: 16px; | |
margin: -16px; | |
} | |
[data-test^="post-item-"]:hover { | |
background-image: none; | |
background-color: rgba(254, 237, 230, 0.5); | |
} | |
[data-test^="ad-slot-"] { | |
transition: none; | |
padding: 16px; | |
margin: -16px 16px -16px -16px; | |
} | |
[data-test^="ad-slot-"]:hover { | |
background-image: none; | |
background-color: rgba(254, 237, 230, 0.5); | |
} | |
/* Fix white background under comments number */ | |
a.styles_comments__d63ex, | |
a.styles_comment__IIjVn { | |
background: transparent; | |
} | |
/* Highlight ads in the product list */ | |
a[href="/sponsor"] { | |
background: #da552d; | |
color: #fff; | |
font-weight: 500; | |
text-transform: uppercase; | |
font-size: 11px; | |
padding: 0 4px 0 8px; | |
border-radius: 2px; | |
margin-left: -8px; | |
display: inline-block; | |
} | |
a[href="/sponsor"] svg { | |
display: none; | |
} | |
/* Hide "Featured" / "Recommended" menu dropdown */ | |
[data-test="feed-navigation"] { | |
display: none; | |
} | |
/* Remove title of the first section */ | |
[data-test="homepage-tagline"] { | |
display: none; | |
} | |
/* Hide "You're on a streak" in sidebar */ | |
aside > div:first-child { | |
display: none; | |
} | |
/* Hide sidebar border */ | |
aside { | |
border-left: none !important; | |
} | |
/* Hide separators in sidebar */ | |
aside hr[class] { | |
visibility: hidden; | |
margin-top: 24px !important; | |
margin-bottom: 24px !important; | |
} | |
/* Reduce margin between section title and body */ | |
aside > div > a:first-child { | |
margin-bottom: 8px !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment