made the upvotes popup scrollable

hicommonwealth · Nov 11, 2024 · c48f1ff · c48f1ff
1 parent 2148d0f
commit c48f1ff
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/.../commonwealth/client/scripts/views/components/component_kit/new_designs/CWUpvoteSmall.tsx b/.../commonwealth/client/scripts/views/components/component_kit/new_designs/CWUpvoteSmall.tsx
@@ -54,7 +54,11 @@ const CWUpvoteSmall = ({
               onClick={handleClick}
             />
             {reactors.length > 0 && (
-              <CWPopover body={popoverContent} {...popoverProps} />
+              <CWPopover
+                className="popover-content"
+                body={popoverContent}
+                {...popoverProps}
+              />
             )}
           </>
         ) : (

diff --git a/...cripts/views/pages/discussions/ThreadCard/ThreadOptions/ReactionButton/ReactionButton.tsx b/...cripts/views/pages/discussions/ThreadCard/ThreadOptions/ReactionButton/ReactionButton.tsx
@@ -172,6 +172,7 @@ export const ReactionButton = ({
               body={getDisplayedReactorsForPopup({
                 reactors,
               })}
+              className="popover-content"
               {...popoverProps}
             />
           )}

diff --git a/...ews/pages/discussions/ThreadCard/ThreadOptions/ReactionButton/ReactionButtonSkeleton.scss b/...ews/pages/discussions/ThreadCard/ThreadOptions/ReactionButton/ReactionButtonSkeleton.scss
@@ -1,5 +1,10 @@
 @import '../../../../../../../styles/shared';
 
 .ReactionButtonSkeleton {
-  border: none
+  border: none;
+}
+
+.popover-content {
+  max-height: 150px;
+  overflow: scroll;
 }