simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Embrace "Private mention"

Browse source
This commit is contained in:
Lim Chee Aun 2023-04-06 18:21:56 +08:00
parent 6773207610
commit 6f8390c3f8
3 changed files with 29 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/compose.jsx
View file

@ -893,7 +893,7 @@ function Compose({
</option> </option>
<option value="unlisted">Unlisted</option> <option value="unlisted">Unlisted</option>
<option value="private">Followers only</option> <option value="private">Followers only</option>
<option value="direct">Direct</option> <option value="direct">Private mention</option>
</select> </select>
</label>{' '} </label>{' '}
</div> </div>

24
src/components/status.css
View file

@ -240,16 +240,18 @@
.status-reply-badge { .status-reply-badge {
display: inline-flex; display: inline-flex;
margin-left: 4px; margin: 2px 0 2px 4px;
gap: 4px; gap: 4px;
align-items: center; align-items: center;
vertical-align: middle;
} }
.status-reply-badge .icon { .status-reply-badge .icon {
color: var(--reply-to-color); color: var(--reply-to-color);
} }
.status-thread-badge { .status-thread-badge {
vertical-align: middle;
display: inline-flex; display: inline-flex;
margin: 4px 0 0 0; margin: 2px 0;
gap: 4px; gap: 4px;
align-items: center; align-items: center;
color: var(--reply-to-text-color); color: var(--reply-to-text-color);
@ -270,6 +272,24 @@
); );
font-weight: bold; font-weight: bold;
} }
.status-direct-badge {
vertical-align: middle;
display: inline-flex;
margin: 2px 0;
gap: 4px;
align-items: center;
color: var(--reply-to-text-color);
background-color: var(--bg-color);
border: 1px solid var(--reply-to-text-color);
border-radius: 4px;
padding: 4px;
font-size: 10px;
line-height: 1;
text-transform: uppercase;
opacity: 0.75;
font-weight: bold;
box-shadow: inset 0 0 0 1px var(--reply-to-color);
}
.status-filtered-badge { .status-filtered-badge {
flex-shrink: 0; flex-shrink: 0;
color: var(--text-insignificant-color); color: var(--text-insignificant-color);

7
src/components/status.jsx
View file

@ -62,7 +62,7 @@ const visibilityText = {
public: 'Public', public: 'Public',
unlisted: 'Unlisted', unlisted: 'Unlisted',
private: 'Followers only', private: 'Followers only',
direct: 'Direct', direct: 'Private mention',
}; };
function Status({ function Status({
@ -779,6 +779,11 @@ function Status({
</span> </span>
))} ))}
</div> </div>
{visibility === 'direct' && (
<>
<div class="status-direct-badge">Private mention</div>{' '}
</>
)}
{!withinContext && ( {!withinContext && (
<> <>
{inReplyToAccountId === status.account?.id || {inReplyToAccountId === status.account?.id ||