Page MenuHomePhabricator
Files F3392716

D3422.diff
No OneTemporary
Actions

D3422.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
@@ -1,6 +1,6 @@
div.sidebar .menu > button svg {
- font-size: 16px;
color: var(--thread-color-read);
+ padding-right: 8px;
}
div.sidebar .menu {
opacity: 0;
@@ -24,6 +24,10 @@
align-items: center;
}
+.mailIcon {
+ padding-right: 8px;
+}
+
.menu > button:focus {
outline: none;
}
@@ -32,16 +36,17 @@
display: none;
position: absolute;
top: calc(100% + 1px);
- right: 0;
+ right: 11px;
z-index: 1;
width: max-content;
overflow: hidden;
- background-color: #eeeeee;
- border-radius: 5px;
- box-shadow: 1px 1px 5px 2px #00000022;
+ border-radius: 4px;
+
+ background-color: var(--chat-thread-list-menu-bg);
}
.menuContentVisible {
display: block;
+ background-color: var(--chat-thread-list-menu-bg);
}
.menuSidebar {
@@ -51,9 +56,9 @@
button.menuContent {
border: none;
cursor: pointer;
- padding: 10px;
- font-size: 16px;
-}
-button.menuContent:hover {
- background-color: #dddddd;
+ padding: 8px;
+ font-size: var(--xs-font-12);
+ line-height: var(--line-height-text);
+ 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
@@ -50,6 +50,7 @@
</button>
<div>
<button className={btnCls} onClick={toggleUnreadStatus}>
+ <SWMansionIcon className={css.mailIcon} icon="mail" size={18} />
{toggleUnreadStatusButtonText}
</button>
</div>
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -114,4 +114,6 @@
--app-list-icon-disabled-color: var(--shades-white-80);
--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);
}

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 1, 10:01 AM (20 h, 18 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2604039
Default Alt Text
D3422.diff (2 KB)

Event Timeline