cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-01 11:20:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

Update: Fixed Jump to bottom bar on mobile

Browse source
This commit is contained in:
nizune 2021-07-06 15:03:48 +02:00
parent ddacb34253
commit e99cff9fe6
3 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2

14
src/components/common/messaging/bars/JumpToBottom.tsx
View file

@ -1,4 +1,4 @@
import { DownArrow } from "@styled-icons/boxicons-regular"; import { DownArrowAlt } from "@styled-icons/boxicons-regular";
import styled from "styled-components"; import styled from "styled-components";
import { Text } from "preact-i18n"; import { Text } from "preact-i18n";
@ -14,13 +14,15 @@ const Bar = styled.div`
> div { > div {
top: -26px; top: -26px;
height: 28px;
width: 100%; width: 100%;
position: absolute; position: absolute;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
display: flex; display: flex;
align-items: center;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
padding: 4px 8px; padding: 0 8px;
user-select: none; user-select: none;
color: var(--secondary-foreground); color: var(--secondary-foreground);
background: var(--secondary-background); background: var(--secondary-background);
@ -40,6 +42,12 @@ const Bar = styled.div`
&:active { &:active {
transform: translateY(1px); transform: translateY(1px);
} }
@media (pointer: coarse) {
height: 34px;
top: -32px;
padding: 0 12px;
}
} }
`; `;
@ -56,7 +64,7 @@ export default function JumpToBottom({ id }: { id: string }) {
</div> </div>
<div> <div>
<Text id="app.main.channel.misc.jump_present" />{" "} <Text id="app.main.channel.misc.jump_present" />{" "}
<DownArrow size={18} /> <DownArrowAlt size={20} />
</div> </div>
</div> </div>
</Bar> </Bar>

4
src/pages/settings/panes/Account.tsx
View file

@ -124,13 +124,13 @@ export function Account() {
</Button>*/} </Button>*/}
<h3><Text id="app.settings.pages.account.manage.title" /></h3> <h3><Text id="app.settings.pages.account.manage.title" /></h3>
<h5><Text id="app.settings.pages.account.manage.desciption" /></h5> <h5><Text id="app.settings.pages.account.manage.description" /></h5>
<div className={styles.buttons}> <div className={styles.buttons}>
{/* <Button contrast> {/* <Button contrast>
<Text id="app.settings.pages.account.manage.disable" /> <Text id="app.settings.pages.account.manage.disable" />
</Button> */} </Button> */}
<a href="mailto:contact@revolt.chat?subject=Delete%20my%20account"> <a href="mailto:contact@revolt.chat?subject=Delete%20my%20account">
<Button contrast> <Button error compact>
<Text id="app.settings.pages.account.manage.delete" /> <Text id="app.settings.pages.account.manage.delete" />
</Button> </Button>
</a> </a>