gif picker and new tooltip

ClearVision · Jun 20, 2024 · 1251d8f · 1251d8f
1 parent 98b800c
commit 1251d8f
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 9 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -1237,6 +1237,24 @@
 .tooltipPointer_f4c8b7 {
   @extend %commandTooltipPointer !optional;
 }
+.upsellTooltipWrapper_dafa63 {
+  @extend %upsellTooltipText !optional;
+}
+.caretTopCenter_dafa63 {
+  @extend %upsellTooltipCaretTopCenter !optional;
+}
+.reactionTooltip_fba897 {
+  @extend %reactionTooltip !optional;
+}
+.container_be6a5c {
+  @extend %newGuildTooltip !optional;
+}
+.tooltipPointer_be6a5c {
+  @extend %newGuildTooltipPointer !optional;
+}
+.container_cfbfb9 {
+  @extend %newGuilTooltipCard !optional;
+}
 .wrapper_fea3ef {
   @extend %guildsWrapper !optional;
 }
@@ -4167,15 +4185,6 @@ pre {
 .premiumUpsell_aae531 {
   @extend %quickReactPremiumUpsell !optional;
 }
-.upsellTooltipWrapper_dafa63 {
-  @extend %upsellTooltipText !optional;
-}
-.caretTopCenter_dafa63 {
-  @extend %upsellTooltipCaretTopCenter !optional;
-}
-.reactionTooltip_fba897 {
-  @extend %reactionTooltip !optional;
-}
 .messagesPopoutWrap_ac90a2 {
   @extend %messagesPopoutWrap !optional;
 }

diff --git a/src/general/tooltip.scss b/src/general/tooltip.scss
@@ -76,3 +76,14 @@
   border-radius: 3px;
   font-size: 13px;
 }
+
+// NEW GUILD TOOLTIP
+%newGuildTooltip {
+  background: rgba(0, 0, 0, 0.9);
+}
+%newGuildTooltipPointer {
+  border-right-color: rgba(0, 0, 0, 0.9);
+}
+%newGuildTooltipCard {
+	background-color: hsla(0, 0%, 100%, .1);
+}
diff --git a/src/popouts/gifPicker.scss b/src/popouts/gifPicker.scss
@@ -1,5 +1,10 @@
 /* GIF PICKER */
 
+// HEADER
+%gifPickerHeader {
+  background-color: transparent;
+}
+
 %gifPickerContent {
   // CATEGORIES
   %gifPickerCategoryFade,