Page MenuHomePhabricator
Files F3378464

D3499.diff
No OneTemporary
Actions

D3499.diff
View Options

diff --git a/web/chat/chat-thread-list-item-menu.css b/web/chat/chat-thread-list-item-menu.css
--- a/web/chat/chat-thread-list-item-menu.css
+++ b/web/chat/chat-thread-list-item-menu.css
@@ -48,7 +48,10 @@
display: block;
background-color: var(--chat-thread-list-menu-bg);
}
-
+.menuContent.active {
+ color: var(--chat-thread-list-menu-active-color);
+ background: var(--chat-thread-list-menu-active-bg);
+}
.menuSidebar {
padding-right: 2px;
}
@@ -59,6 +62,6 @@
padding: 8px;
font-size: var(--xs-font-12);
line-height: var(--line-height-text);
+ background: var(--chat-thread-list-menu-bg);
color: var(--chat-thread-list-menu-color);
- background-color: var(--chat-thread-list-menu-bg);
}
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
@@ -6,6 +6,7 @@
import useToggleUnreadStatus from 'lib/hooks/toggle-unread-status';
import type { ThreadInfo } from 'lib/types/thread-types';
+import { useThreadIsActive } from '../selectors/nav-selectors';
import SWMansionIcon from '../SWMansionIcon.react';
import css from './chat-thread-list-item-menu.css';
@@ -16,6 +17,7 @@
};
function ChatThreadListItemMenu(props: Props): React.Node {
const { renderStyle = 'chat', threadInfo, mostRecentNonLocalMessage } = props;
+ const active = useThreadIsActive(threadInfo.id);
const [menuVisible, setMenuVisible] = React.useState(false);
const toggleMenu = React.useCallback(() => {
setMenuVisible(!menuVisible);
@@ -40,6 +42,7 @@
});
const btnCls = classNames(css.menuContent, {
[css.menuContentVisible]: menuVisible,
+ [css.active]: active,
});
return (
<div className={menuCls} onMouseLeave={hideMenu}>
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
@@ -28,7 +28,7 @@
background: var(--thread-active-bg);
}
-div.activeThread :is(div.dark, button, .lastMessage span.light, .title) {
+div.activeThread :is(div.dark, .lastMessage span.light, .title) {
color: var(--fg);
}
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -115,5 +115,7 @@
--account-settings-label: var(--shades-black-60);
--account-button-color: var(--violet-dark-100);
--chat-thread-list-menu-color: var(--shades-white-60);
- --chat-thread-list-menu-bg: var(--shades-black-90);
+ --chat-thread-list-menu-bg: var(--shades-black-80);
+ --chat-thread-list-menu-active-color: var(--shades-white-60);
+ --chat-thread-list-menu-active-bg: var(--shades-black-90);
}

File Metadata

Mime Type
text/plain
Expires
Thu, Nov 28, 10:44 AM (20 h, 7 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2593794
Default Alt Text
D3499.diff (2 KB)

Event Timeline