From e99cff9fe6d0e7e526cf7b6f05ba5e15d5600298 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Tue, 6 Jul 2021 15:03:48 +0200
Subject: [PATCH] Update: Fixed Jump to bottom bar on mobile
---
external/lang | 2 +-
.../common/messaging/bars/JumpToBottom.tsx | 14 +++++++++++---
src/pages/settings/panes/Account.tsx | 4 ++--
3 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/external/lang b/external/lang
index 55fb420..bacb6bb 160000
--- a/external/lang
+++ b/external/lang
@@ -1 +1 @@
-Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f
+Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2
diff --git a/src/components/common/messaging/bars/JumpToBottom.tsx b/src/components/common/messaging/bars/JumpToBottom.tsx
index 0293fc1..1fdea46 100644
--- a/src/components/common/messaging/bars/JumpToBottom.tsx
+++ b/src/components/common/messaging/bars/JumpToBottom.tsx
@@ -1,4 +1,4 @@
-import { DownArrow } from "@styled-icons/boxicons-regular";
+import { DownArrowAlt } from "@styled-icons/boxicons-regular";
import styled from "styled-components";
import { Text } from "preact-i18n";
@@ -14,13 +14,15 @@ const Bar = styled.div`
> div {
top: -26px;
+ height: 28px;
width: 100%;
position: absolute;
border-radius: 4px 4px 0 0;
display: flex;
+ align-items: center;
cursor: pointer;
font-size: 13px;
- padding: 4px 8px;
+ padding: 0 8px;
user-select: none;
color: var(--secondary-foreground);
background: var(--secondary-background);
@@ -40,6 +42,12 @@ const Bar = styled.div`
&:active {
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>
<Text id="app.main.channel.misc.jump_present" />{" "}
- <DownArrow size={18} />
+ <DownArrowAlt size={20} />
</div>
</div>
</Bar>
diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx
index e32ef82..8a8c049 100644
--- a/src/pages/settings/panes/Account.tsx
+++ b/src/pages/settings/panes/Account.tsx
@@ -124,13 +124,13 @@ export function Account() {
</Button>*/}
<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}>
{/* <Button contrast>
<Text id="app.settings.pages.account.manage.disable" />
</Button> */}
<a href="mailto:contact@revolt.chat?subject=Delete%20my%20account">
- <Button contrast>
+ <Button error compact>
<Text id="app.settings.pages.account.manage.delete" />
</Button>
</a>
--
GitLab