mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions 1

Fix several call tabs UI issues

Browse source
This commit is contained in:
Jamie Kyle 2023-08-21 13:36:28 -07:00 • committed by GitHub
parent df0be46c3c
commit c26cb0a3e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 55 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
stylesheets/components/SendStoryModal.scss
View file

@ -50,6 +50,10 @@
user-select: none; user-select: none;
} }
&__top-bar-title {
flex: 1;
}
&__new-story { &__new-story {
&__button { &__button {
font-weight: 500; font-weight: 500;

7
stylesheets/components/Stories.scss
View file

@ -34,12 +34,7 @@
&__add-story__button { &__add-story__button {
height: 20px; height: 20px;
width: 20px; width: 20px;
@include light-theme { @include color-svg('../images/icons/v3/plus/plus.svg', $color-white);
@include color-svg('../images/icons/v3/plus/plus.svg', $color-black);
}
@include dark-theme {
@include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-15);
}
&:focus { &:focus {
@include keyboard-mode { @include keyboard-mode {

8
ts/components/SendStoryModal.tsx
View file

@ -893,7 +893,10 @@ export function SendStoryModal({
/> />
</div> </div>
<div className="SendStoryModal__top-bar"> <div className="SendStoryModal__top-bar">
<div className="SendStoryModal__top-bar-title">
{i18n('icu:stories')} {i18n('icu:stories')}
</div>
<div className="SendStoryModal__top-bar-actions">
<ContextMenu <ContextMenu
aria-label={i18n('icu:SendStoryModal__new')} aria-label={i18n('icu:SendStoryModal__new')}
i18n={i18n} i18n={i18n}
@ -908,7 +911,9 @@ export function SendStoryModal({
}, },
{ {
label: i18n('icu:SendStoryModal__new-group--title'), label: i18n('icu:SendStoryModal__new-group--title'),
description: i18n('icu:SendStoryModal__new-group--description'), description: i18n(
'icu:SendStoryModal__new-group--description'
),
icon: 'SendStoryModal__icon--group', icon: 'SendStoryModal__icon--group',
onClick: () => setPage(Page.ChooseGroups), onClick: () => setPage(Page.ChooseGroups),
}, },
@ -937,6 +942,7 @@ export function SendStoryModal({
)} )}
</ContextMenu> </ContextMenu>
</div> </div>
</div>
{fullList.map(listOrGroup => {fullList.map(listOrGroup =>
// only group has a type field // only group has a type field
'type' in listOrGroup 'type' in listOrGroup

2
ts/util/filterAndSortConversations.ts
View file

@ -93,7 +93,7 @@ function searchConversations(
searchTerm: string, searchTerm: string,
regionCode: string | undefined regionCode: string | undefined
): ReadonlyArray<Pick<Fuse.FuseResult<ConversationType>, 'item' | 'score'>> { ): ReadonlyArray<Pick<Fuse.FuseResult<ConversationType>, 'item' | 'score'>> {
const maybeCommand = searchTerm.match(/^!([^\s]+):(.*)$/); const maybeCommand = searchTerm.match(/^!([^\s:]+)(?::(.*))?$/);
if (maybeCommand) { if (maybeCommand) {
const [, commandName, query] = maybeCommand; const [, commandName, query] = maybeCommand;