From d60c56cdbf818040119ba004f30b5b821300a2db Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 28 Jun 2021 10:32:55 +0200
Subject: [PATCH] Fix: More fixes for the message box and settings
---
index.html | 34 +++++++++----------
.../common/messaging/MessageBox.tsx | 3 +-
src/pages/settings/panes/Experiments.tsx | 2 +-
src/pages/settings/panes/Panes.module.scss | 10 ++++++
4 files changed, 30 insertions(+), 19 deletions(-)
diff --git a/index.html b/index.html
index c83d63f..11218d2 100644
--- a/index.html
+++ b/index.html
@@ -1,19 +1,19 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="UTF-8" />
- <link rel="icon" type="image/png" href="/src/assets/logo_round.png" />
- <!--<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />-->
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>REVOLT</title>
- </head>
- <body>
- <div id="app"></div>
- <script type="module" src="/src/main.tsx"></script>
- </body>
- <style>
- html {
- background-color: #191919;
- }
- </style>
-</html>
+<head>
+ <meta charset="UTF-8" />
+ <link rel="icon" type="image/png" href="/src/assets/logo_round.png" />
+ <!--<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />-->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+ <title>REVOLT</title>
+</head>
+<body>
+ <div id="app"></div>
+ <script type="module" src="/src/main.tsx"></script>
+</body>
+<style>
+ html {
+ background-color: #191919;
+ }
+</style>
+</html>
\ No newline at end of file
diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx
index 62bfea5..e122b08 100644
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/src/components/common/messaging/MessageBox.tsx
@@ -54,6 +54,7 @@ const Base = styled.div`
const Blocked = styled.div`
display: flex;
+ align-items: center;
padding: 14px 0;
user-select: none;
font-size: .875rem;
@@ -87,7 +88,7 @@ function MessageBox({ channel, draft, dispatcher }: Props) {
return (
<Base>
<Blocked>
- <ShieldX size={20}/>
+ <ShieldX size={22}/>
<Text id="app.main.channel.misc.no_sending" />
</Blocked>
</Base>
diff --git a/src/pages/settings/panes/Experiments.tsx b/src/pages/settings/panes/Experiments.tsx
index 41e5885..5d3d6ee 100644
--- a/src/pages/settings/panes/Experiments.tsx
+++ b/src/pages/settings/panes/Experiments.tsx
@@ -11,7 +11,7 @@ interface Props {
export function Component(props: Props & WithDispatcher) {
return (
- <div className={styles.notifications}>
+ <div className={styles.experiments}>
<h3>
<Text id="app.settings.pages.experiments.features" />
</h3>
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index d1c2a50..307dc37 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -373,3 +373,13 @@
display: flex;
flex-direction: column;
}
+
+.experiments { /* TOFIX: Center the "No new experiments available at this time" text without having a scrollbar */
+ height: 100%;
+ .empty {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ }
+}
\ No newline at end of file
--
GitLab