Page MenuHomePhabricator
Files F3399896

D3165.diff
No OneTemporary
Actions

D3165.diff
View Options

diff --git a/web/chat/chat-thread-list-item-menu.react.js b/web/chat/chat-thread-list-item-menu.react.js
--- a/web/chat/chat-thread-list-item-menu.react.js
+++ b/web/chat/chat-thread-list-item-menu.react.js
@@ -23,8 +23,10 @@
type Props = {
+threadInfo: ThreadInfo,
+mostRecentNonLocalMessage: ?string,
+ +renderStyle?: 'chat' | 'thread',
};
function ChatThreadListItemMenu(props: Props): React.Node {
+ const { renderStyle = 'chat' } = props;
const [menuVisible, setMenuVisible] = React.useState(false);
const toggleMenu = React.useCallback(() => {
@@ -70,10 +72,12 @@
const toggleUnreadStatusButtonText = `Mark as ${
threadInfo.currentUser.unread ? 'read' : 'unread'
}`;
+
+ const menuIconSize = renderStyle === 'chat' ? 24 : 16;
return (
<div className={css.menu} onMouseLeave={hideMenu}>
<button onClick={toggleMenu}>
- <SWMansionIcon icon="menu-vertical" size={24} />
+ <SWMansionIcon icon="menu-vertical" size={menuIconSize} />
</button>
<div
className={classNames(css.menuContent, {
diff --git a/web/chat/chat-thread-list-sidebar.react.js b/web/chat/chat-thread-list-sidebar.react.js
--- a/web/chat/chat-thread-list-sidebar.react.js
+++ b/web/chat/chat-thread-list-sidebar.react.js
@@ -29,6 +29,7 @@
<ChatThreadListItemMenu
threadInfo={threadInfo}
mostRecentNonLocalMessage={mostRecentNonLocalMessage}
+ renderStyle="thread"
/>
</div>
);
diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css
--- a/web/chat/chat-thread-list.css
+++ b/web/chat/chat-thread-list.css
@@ -152,7 +152,8 @@
color: var(--thread-color-read);
border: none;
cursor: pointer;
- align-self: flex-start;
+ display: flex;
+ align-items: center;
}
.menu > button:focus {

File Metadata

Mime Type
text/plain
Expires
Tue, Dec 3, 5:12 AM (20 h, 35 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2610358
Default Alt Text
D3165.diff (1 KB)

Event Timeline