From 1de4b2098f72e03123ca19c01a971b5e92789766 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Sat, 12 Nov 2022 12:46:51 +0200
Subject: [PATCH] remove ugly scrollbar from popover

---
 files/assets/css/main.css    | 15 +++++++++++----
 files/templates/popover.html | 12 +++++++-----
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 75b24875c..a2434dadc 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6296,6 +6296,17 @@ div.markdown {
 	background: transparent;
 }
 
+.popover-badges-div {
+	max-height: 10vh !important;
+	overflow: auto;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+}
+
+.popover-badges-div::-webkit-scrollbar {
+	background: transparent;
+}
+
 @media (max-width: 768px) {
 	.d-mob-none {
 		display: none !important;
@@ -6332,10 +6343,6 @@ div.markdown {
 .fas.fa-ellipsis-h {
 	margin: 0 0.15rem 0 0 !important;
 }
-.pop-badges {
-    max-height: 10vh!important;
-    overflow: auto;
-}
 .pop-badge {
 	width: 32px;
 	height: 35px;
diff --git a/files/templates/popover.html b/files/templates/popover.html
index 3f4c50504..9d3e752cf 100644
--- a/files/templates/popover.html
+++ b/files/templates/popover.html
@@ -13,14 +13,16 @@
 		</div>
 
 		{% if FEATURES['USERS_PROFILE_BODYTEXT'] -%}
-		<div class="px-3 popover-bio-div y-scroll">
-			<span class="pop-bio popover-bio text-black"></span>
-		</div>
+			<div class="px-3 popover-bio-div y-scroll">
+				<span class="pop-bio popover-bio text-black"></span>
+			</div>
 		{%- endif %}
 
 		{% if FEATURES['BADGES'] -%}
-		<div class="pop-badges ml-3 mr-3 my-2">
-		</div>
+			<div class="px-3 popover-badges-div y-scroll">
+				<div class="pop-badges ml-3 mr-3 my-2">
+				</div>
+			</div>
 		{%- endif %}
 
 	<div class="border-top d-flex align-items-center p-3 gap-3 smol">