status-im
/
status-web
mirror of https://github.com/status-im/status-web.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix narrow topbar (#71)

This commit is contained in:
Szymon Szlachtowicz 2021-10-15 10:09:31 +02:00 committed by GitHub
parent 3095396988
commit a88eb5690f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react-chat/src/components/Chat/ChatBody.tsx
View File

@ -182,11 +182,7 @@ const ChatTopbar = styled.div`
position: relative; position: relative;
&.narrow { &.narrow {
position: fixed;
top: 0;
left: 0;
width: 100%; width: 100%;
z-index: 2;
} }
`; `;

2
packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
View File

@ -48,6 +48,6 @@ export function NarrowChannels({
} }
const ListWrapper = styled.div` const ListWrapper = styled.div`
padding: 82px 18px 18px; padding: 0px 18px 18px;
background: ${({ theme }) => theme.bodyBackgroundColor}; background: ${({ theme }) => theme.bodyBackgroundColor};
`; `;

2
packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
View File

@ -30,6 +30,6 @@ export function NarrowMembers({
} }
const ListWrapper = styled.div` const ListWrapper = styled.div`
padding: 82px 18px 18px; padding: 0px 18px 18px;
background: ${({ theme }) => theme.bodyBackgroundColor}; background: ${({ theme }) => theme.bodyBackgroundColor};
`; `;

1
packages/react-chat/src/components/NarrowMode/NarrowTopbar.tsx
View File

@ -22,7 +22,6 @@ const TopbarWrapper = styled.div`
text-align: center; text-align: center;
background-color: ${({ theme }) => theme.bodyBackgroundColor}; background-color: ${({ theme }) => theme.bodyBackgroundColor};
padding: 14px 0; padding: 14px 0;
position: relative;
`; `;
const Heading = styled.p` const Heading = styled.p`