Tweaks to conversation details

This commit is contained in:
Josh Perez 2021-10-21 17:04:43 -04:00 committed by GitHub
parent dc5a17e962
commit 9ecf47594b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 23 additions and 9 deletions

View File

@ -5,15 +5,15 @@
@mixin font-title-1 {
font-family: $inter;
font-weight: 700;
font-size: 28px;
line-height: 34px;
font-weight: 600;
font-size: 26px;
line-height: 32px;
letter-spacing: -0.56px;
}
@mixin font-title-2 {
font-family: $inter;
font-weight: 700;
font-weight: 600;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.34px;

View File

@ -220,7 +220,9 @@
}
&:focus {
box-shadow: 0 0 0 2px $color-ultramarine;
@include keyboard-mode {
box-shadow: 0 0 0 2px $color-ultramarine;
}
}
}

View File

@ -7,7 +7,8 @@
align-items: center;
display: flex;
flex-direction: column;
margin: 0 0 24px 0;
margin: 0 0 20px 0;
padding: 0 24px;
text-align: center;
width: 100%;
}

View File

@ -7,6 +7,15 @@
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
a {
@include light-theme {
color: $color-gray-90;
}
@include dark-theme {
color: $color-gray-02;
}
}
}
&__read-more {

View File

@ -27,7 +27,10 @@ const createConversation = (): ConversationType =>
type: 'group',
lastUpdated: 0,
title: text('conversation title', 'Some Conversation'),
groupDescription: text('description', 'This is a group description'),
groupDescription: text(
'description',
'This is a group description. https://www.signal.org'
),
});
const createProps = (overrideProps: Partial<Props> = {}): Props => ({
@ -36,7 +39,7 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
canEdit: false,
startEditing: action('startEditing'),
memberships: new Array(number('conversation members length', 0)),
isGroup: false,
isGroup: true,
isMe: false,
...overrideProps,
});

View File

@ -57,7 +57,6 @@ export const ConversationDetailsMediaList: React.ComponentType<Props> = ({
{i18n('ConversationDetailsMediaList--show-all')}
</button>
}
borderless
title={i18n('ConversationDetailsMediaList--shared-media')}
>
<div className={bem('root')}>