From 3ea7c2722b91a956a61e13019dbdbcaf0ad3641a Mon Sep 17 00:00:00 2001
From: Mirco Wittrien <mirco.wittrien@gmail.com>
Date: Wed, 18 Aug 2021 16:58:55 +0200
Subject: [PATCH] stuff

---
 Library/_res/0BDFDB.data.json | 22 +++++-------------
 Library/_res/0BDFDB.raw.css   | 44 +++++++++++++++++++----------------
 2 files changed, 30 insertions(+), 36 deletions(-)

diff --git a/Library/_res/0BDFDB.data.json b/Library/_res/0BDFDB.data.json
index 8db8f4af69..678442a51a 100644
--- a/Library/_res/0BDFDB.data.json
+++ b/Library/_res/0BDFDB.data.json
@@ -711,6 +711,9 @@
 			"paginationListMini": "mini-GMiniS",
 			"paginationMini": "mini-hODxXf",
 			"paginationTop": "top-v-18jZ",
+			"popoutArrow": "popoutArrow-g8f4Ss",
+			"popoutArrowBottom": "popoutArrowBottom-r5Tzui",
+			"popoutArrowTop": "popoutArrowTop-lK9F3a",
 			"popoutWrapper": "popout-xwjvsX",
 			"quickSelectWrapper": "quickSelectWrapper-UCfTKz",
 			"marginLeft4": "marginLeft4-58StzA",
@@ -1294,7 +1297,6 @@
 		"PrivateChannel": {"props": ["channel", "closeButton"]},
 		"PrivateChannelList": {"props": ["privateChannels", "searchBar"]},
 		"PrivateChannelListScroller": {"props": ["privateChannelsHeaderContainer", "headerText"]},
-		"Popout": {"props": ["popout", "arrowAlignmentTop"]},
 		"PopoutActivity": {"props": ["ellipsis", "activityActivityFeed"]},
 		"QuickMessage": {"props": ["input"], "length": 1},
 		"QuickSelect": {"props": ["quickSelectArrow", "selected"]},
@@ -2706,22 +2708,10 @@
 		"peoplesusername": ["PeopleItemUser", "username"],
 		"pictureinpicture": ["PictureInPicture", "pictureInPicture"],
 		"pictureinpicturewindow": ["PictureInPicture", "pictureInPictureWindow"],
-		"popout": ["Popout", "popout"],
-		"popoutarrowalignmentmiddle": ["Popout", "arrowAlignmentMiddle"],
-		"popoutarrowalignmenttop": ["Popout", "arrowAlignmentTop"],
-		"popoutbottom": ["Popout", "popoutBottom"],
-		"popoutbottomleft": ["Popout", "popoutBottomLeft"],
-		"popoutbottomright": ["Popout", "popoutBottomRight"],
-		"popoutinvert": ["Popout", "popoutInvert"],
-		"popoutleft": ["Popout", "popoutLeft"],
-		"popoutnoarrow": ["Popout", "noArrow"],
-		"popoutnoshadow": ["Popout", "noShadow"],
-		"popoutright": ["Popout", "popoutRight"],
-		"popouts": ["Popout", "popouts"],
+		"popoutarrow": ["BDFDB", "popoutArrow"],
+		"popoutarrowbottom": ["BDFDB", "popoutArrowBottom"],
+		"popoutarrowbottom": ["BDFDB", "popoutArrowTop"],
 		"popoutthemedpopout": ["BDFDB", "themedPopout"],
-		"popouttop": ["Popout", "popoutTop"],
-		"popouttopleft": ["Popout", "popoutTopLeft"],
-		"popouttopright": ["Popout", "popoutTopRight"],
 		"popoutwrapper": ["BDFDB", "popoutWrapper"],
 		"quickmessage": ["QuickMessage", "input"],
 		"quickselect": ["QuickSelect", "quickSelect"],
diff --git a/Library/_res/0BDFDB.raw.css b/Library/_res/0BDFDB.raw.css
index 80b6d40ad2..80defc211d 100644
--- a/Library/_res/0BDFDB.raw.css
+++ b/Library/_res/0BDFDB.raw.css
@@ -1069,31 +1069,39 @@ img:not([src]), img[src=""], img[src="null"] {
 	margin-right: 12px;
 }
 
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutright][REPLACE_CLASS_popoutarrowalignmentmiddle]::before {
-	border-right-color: #2f3136;
+[REPLACE_CLASS_popoutwrapper] {
+	position: relative;
 }
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutleft][REPLACE_CLASS_popoutarrowalignmentmiddle]::before {
-	border-left-color: #2f3136;
+[REPLACE_CLASS_popoutarrow]::before {
+	content: "";
+	display: block;
+	position: absolute;
+	border: 8px solid var(--background-secondary);
+	border-right-color: transparent;
+	border-left-color: transparent;
+	left: calc(50% - 8px);
+	z-index: 1;
 }
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutbottom][REPLACE_CLASS_popoutarrowalignmentmiddle]::before,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutbottom][REPLACE_CLASS_popoutarrowalignmenttop]::before,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutbottomleft][REPLACE_CLASS_popoutarrowalignmentmiddle]::before,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutbottomleft][REPLACE_CLASS_popoutarrowalignmenttop]::before,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutbottomright][REPLACE_CLASS_popoutarrowalignmentmiddle]::before,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutbottomright][REPLACE_CLASS_popoutarrowalignmenttop]::before {
-	border-bottom-color: #2f3136;
+[REPLACE_CLASS_popoutarrowtop] {
+	margin-top: -16px;
 }
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popouttop]::after,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popouttopleft]::after,
-[REPLACE_CLASS_themedark] [REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popouttopright]::after {
-	border-top-color: #2f3136;
+[REPLACE_CLASS_popoutarrowbottom] {
+	margin-top: 16px;
+}
+[REPLACE_CLASS_popoutarrowtop]::before {
+	border-bottom-color: transparent;
+	bottom: -16px;
+}
+[REPLACE_CLASS_popoutarrowbottom]::before {
+	border-top-color: transparent;
+	top: -16px;
 }
 [REPLACE_CLASS_popoutthemedpopout] {
 	background-color: var(--background-secondary);
+	border-radius: 5px;
 	-webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
 	box-shadow: var(--elevation-stroke),var(--elevation-high);
 	box-sizing: border-box;
-	border-radius: 5px;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
@@ -1102,10 +1110,6 @@ img:not([src]), img[src=""], img[src="null"] {
 	-ms-flex-direction: column;
 	flex-direction: column;
 }
-[REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutarrowalignmentmiddle] [REPLACE_CLASS_popoutthemedpopout],
-[REPLACE_CLASS_popoutwrapper][REPLACE_CLASS_popoutarrowalignmenttop] [REPLACE_CLASS_popoutthemedpopout] {
-	border-color: transparent;
-}
 
 [REPLACE_CLASS__repomodal] {
 	min-height: unset;