Page MenuHomePhabricator
Files F3377980

D3409.diff
No OneTemporary
Actions

D3409.diff
View Options

diff --git a/web/chat/chat-thread-list-item-menu.css b/web/chat/chat-thread-list-item-menu.css
new file mode 100644
--- /dev/null
+++ b/web/chat/chat-thread-list-item-menu.css
@@ -0,0 +1,55 @@
+div.sidebar .menu > button svg {
+ font-size: 16px;
+ color: var(--thread-color-read);
+}
+div.sidebar .menu {
+ opacity: 0;
+}
+div.sidebar:hover .menu {
+ display: flex;
+ align-self: flex-end;
+ opacity: 1;
+}
+.menu {
+ position: relative;
+ display: flex;
+ justify-content: flex-end;
+}
+.menu > button {
+ background-color: transparent;
+ color: var(--thread-color-read);
+ border: none;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+}
+
+.menu > button:focus {
+ outline: none;
+}
+
+.menuContent {
+ display: none;
+ position: absolute;
+ top: calc(100% + 1px);
+ right: 0;
+ z-index: 1;
+ width: max-content;
+ overflow: hidden;
+ background-color: #eeeeee;
+ border-radius: 5px;
+ box-shadow: 1px 1px 5px 2px #00000022;
+}
+.menuContentVisible {
+ display: block;
+}
+
+button.menuContent {
+ border: none;
+ cursor: pointer;
+ padding: 10px;
+ font-size: 16px;
+}
+button.menuContent:hover {
+ background-color: #dddddd;
+}
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
@@ -18,7 +18,7 @@
} from 'lib/utils/action-utils';
import SWMansionIcon from '../SWMansionIcon.react';
-import css from './chat-thread-list.css';
+import css from './chat-thread-list-item-menu.css';
type Props = {
+threadInfo: ThreadInfo,

File Metadata

Mime Type
text/plain
Expires
Thu, Nov 28, 8:29 AM (21 h, 35 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2593400
Default Alt Text
D3409.diff (1 KB)

Event Timeline