From 2dc788c66dbe565f61ed7a641215c49fdef0476b Mon Sep 17 00:00:00 2001 From: Oliver Date: Wed, 28 Dec 2022 18:36:51 +0100 Subject: [PATCH] remove scrollbar in sidebar items --- src/options/components/navigation/NavLink.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/options/components/navigation/NavLink.tsx b/src/options/components/navigation/NavLink.tsx index 70b5bafd00..9acd5067ef 100644 --- a/src/options/components/navigation/NavLink.tsx +++ b/src/options/components/navigation/NavLink.tsx @@ -94,11 +94,17 @@ const RouteItem = styled.li<{ name: string; isActive: boolean }>` margin: 0 10px; border-radius: 5px; + &::-webkit-scrollbar { + display: none; + } + + scrollbar-width: none; + ${(props) => props.isActive && css` overflow: scroll; - background-color: ${(props) => props.theme.colors.activeBackground}; + background-color: ${(props) => props.theme.colors.darkhover}; &:hover { outline: 1px solid ${(props) => props.theme.colors.lightHover};