controversial update

ClearVision · Sep 6, 2024 · 59bb466 · 59bb466
1 parent e6e1e9b
commit 59bb466
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 1 deletion.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -2496,6 +2496,9 @@ pre {
 .activeIcon_e1268c {
   @extend %switchAccountsActive !optional;
 }
+.contentBackground_c5a065 {
+  @extend %botInviteModalContent !optional;
+}
 .authorize_c5a065 {
   @extend %authModal !optional;
 }
@@ -2797,6 +2800,9 @@ pre {
 .searchBar_c6ee36 {
   @extend %emojiPickerSearchBar !optional;
 }
+.label_d1ac9b {
+  @extend %emojiPickerSuperReactionButton !optional;
+}
 .diversitySelectorOptions_cce80d {
   @extend %emojiPickerDiversitySelectorPopout !optional;
 }

diff --git a/src/modals/otherModals.scss b/src/modals/otherModals.scss
@@ -164,6 +164,11 @@
   background: transparent;
 }
 
+// INVITE BOT
+%botInviteModalContent {
+  background-color: hsla(0, 0%, 100%, .05);
+}
+
 // AUTH MODAL
 %authModal {
   background-color: transparent;

diff --git a/src/pages/discover.scss b/src/pages/discover.scss
@@ -11,10 +11,48 @@
   background-color: transparent;
 }
 %discoverCategoryItem {
+  position: relative;
+	z-index: 1;
+  &:before {
+    content: '';
+    position: absolute;
+    @include stretch;
+    transition: all 0.15s ease-in-out;
+    z-index: -1;
+    pointer-events: none;
+    border-radius: 4px;
+  }
+  &:after {
+    content: '';
+    position: absolute;
+    @include pos(0, 100%, 0, 0);
+    opacity: 0.9;
+    transition: all 0.3s ease-in-out;
+    z-index: -1;
+    pointer-events: none;
+    border-radius: 4px;
+  }
+  &:hover {
+    &:before {
+      background: hsla(0, 0%, 100%, 0.1);
+    }
+  }
   &%discoverCategoryItemSelected {
+    &:before {
+      background: hsla(0, 0%, 100%, 0.1);
+    }
+    &:after {
+      right: 0;
+      background: $main-color;
+      animation: cv-channel-select 0.3s ease-in-out;
+    }
+  }
+  &%discoverCategoryItemSelected,
+  &:hover,
+  &:active {
     %discoverCategoryItemInner,
     %discoverCategoryQuestItemInner {
-      background-color: $main-color;
+      background-color: transparent;
     }
   }
 }

diff --git a/src/popouts/emojiPicker.scss b/src/popouts/emojiPicker.scss
@@ -40,6 +40,11 @@
   }
 }
 
+// SUPER REACTION BUTTON
+%emojiPickerSuperReactionButton {
+  background-color: transparent;
+}
+
 // DIVERSITY SELECTOR
 %emojiPickerDiversitySelectorPopout {
   border: none;