[MM-58686] Adjust text alignment on custom status tooltip (#27353)

* Change: Adjust text alignment on custom status tooltip
Change: Update 'Today' expiry time calculation on custom_status_modal

* Change: Use display inline-block instead of flex for custom-status class

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Ivy Gesare 2024-07-03 18:54:14 +03:00 committed by GitHub
parent 90534b13cf
commit 0e6ed3d490
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 4 deletions

View File

@ -267,8 +267,7 @@
}
.custom-status {
display: flex;
justify-content: center;
display: inline-block;
&-expiry {
font-weight: 400;

View File

@ -76,7 +76,7 @@ function CustomStatusEmoji({
emojiName={customStatus.emoji}
size={14}
emojiStyle={{
marginTop: 2,
marginTop: -1,
}}
/>
{customStatus.text &&

View File

@ -206,7 +206,7 @@ const CustomStatusModal: React.FC<Props> = (props: Props) => {
case FOUR_HOURS:
return moment().add(4, 'hours').seconds(0).milliseconds(0).toISOString();
case TODAY:
return moment().endOf('day').toISOString();
return moment().add(1, 'day').set({hour: 8, minute: 0}).toISOString();
case THIS_WEEK:
return moment().endOf('week').toISOString();
case DATE_AND_TIME: