oxen-io
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: noticebanner and scrollable right panel ui glitch

This commit is contained in:
Audric Ackermann 2023-05-19 13:05:41 +10:00
parent 50459d8da8
commit 3b7589796c
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
stylesheets/_session_conversation.scss
View File

@ -78,6 +78,7 @@
} }
.session-conversation { .session-conversation {
position: relative;
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
stylesheets/_session_group_panel.scss
View File

@ -1,7 +1,7 @@
.group-settings { .group-settings {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100%;
width: -webkit-fill-available; width: -webkit-fill-available;
align-items: center; align-items: center;

24
ts/components/conversation/SessionRightPanel.tsx
View File

@ -1,9 +1,10 @@
import _ from 'lodash';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { SessionIconButton } from '../icon'; import { SessionIconButton } from '../icon';
import _ from 'lodash';
// tslint:disable-next-line: no-submodule-imports // tslint:disable-next-line: no-submodule-imports
import useInterval from 'react-use/lib/useInterval';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import useInterval from 'react-use/lib/useInterval';
import styled from 'styled-components';
import { Data } from '../../data/data'; import { Data } from '../../data/data';
import { import {
deleteAllMessagesByConvoIdWithConfirmation, deleteAllMessagesByConvoIdWithConfirmation,
@ -18,16 +19,6 @@ import {
import { Constants } from '../../session'; import { Constants } from '../../session';
import { closeRightPanel } from '../../state/ducks/conversations'; import { closeRightPanel } from '../../state/ducks/conversations';
import { isRightPanelShowing } from '../../state/selectors/conversations'; import { isRightPanelShowing } from '../../state/selectors/conversations';
import { getTimerOptions } from '../../state/selectors/timerOptions';
import { AttachmentTypeWithPath } from '../../types/Attachment';
import { Avatar, AvatarSize } from '../avatar/Avatar';
import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
import { SessionDropdown } from '../basic/SessionDropdown';
import { SpacerLG } from '../basic/Text';
import { MediaItemType } from '../lightbox/LightboxGallery';
import { MediaGallery } from './media-gallery/MediaGallery';
import { getAbsoluteAttachmentPath } from '../../types/MessageAttachment';
import styled from 'styled-components';
import { import {
useSelectedConversationKey, useSelectedConversationKey,
useSelectedDisplayNameInProfile, useSelectedDisplayNameInProfile,
@ -40,6 +31,15 @@ import {
useSelectedSubscriberCount, useSelectedSubscriberCount,
useSelectedWeAreAdmin, useSelectedWeAreAdmin,
} from '../../state/selectors/selectedConversation'; } from '../../state/selectors/selectedConversation';
import { getTimerOptions } from '../../state/selectors/timerOptions';
import { AttachmentTypeWithPath } from '../../types/Attachment';
import { getAbsoluteAttachmentPath } from '../../types/MessageAttachment';
import { Avatar, AvatarSize } from '../avatar/Avatar';
import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
import { SessionDropdown } from '../basic/SessionDropdown';
import { SpacerLG } from '../basic/Text';
import { MediaItemType } from '../lightbox/LightboxGallery';
import { MediaGallery } from './media-gallery/MediaGallery';
async function getMediaGalleryProps( async function getMediaGalleryProps(
conversationId: string conversationId: string