From f806adc73ca5c6297c681e45472d132cb521ef44 Mon Sep 17 00:00:00 2001
From: Greg Fodor <gfodor@gmail.com>
Date: Sun, 22 Apr 2018 20:05:22 -0700
Subject: [PATCH] CSS tweaks
---
src/assets/stylesheets/footer.scss | 13 +++++++------
src/assets/stylesheets/info-dialog.scss | 2 ++
src/react-components/info-dialog.js | 2 +-
3 files changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/assets/stylesheets/footer.scss b/src/assets/stylesheets/footer.scss
index 843c7f534..48c04857d 100644
--- a/src/assets/stylesheets/footer.scss
+++ b/src/assets/stylesheets/footer.scss
@@ -7,23 +7,28 @@
font-size: 1.3em;
display: flex;
flex-direction: column;
- pointer-events: auto;
// Position above virtual gamepad controls on mobile
z-index: 1;
+ @media (min-width: 768px) {
+ pointer-events: auto;
+ }
}
+
:local(.floatingButton) {
display: flex;
justify-content: center;
}
:local(.header), :local(.menu-header) {
display: flex;
+ justify-content: center;
}
:local(.header) {
border-bottom: 1px solid rgba(32, 32, 32, 0.65);
@media (max-width: 768px) {
border-bottom: none;
+ pointer-events: none;
}
}
:local(.menu-header) {
@@ -93,11 +98,7 @@
}
:local(.menu-button) {
@extend %fa-icon-button;
-
- @media (max-width: 768px) {
- flex: 1;
- align-self: center;
- }
+ pointer-events: auto;
:local(.menu-button__icon) {
@extend %fa-icon-button-icon;
diff --git a/src/assets/stylesheets/info-dialog.scss b/src/assets/stylesheets/info-dialog.scss
index a54ef8e9d..214dd3a1b 100644
--- a/src/assets/stylesheets/info-dialog.scss
+++ b/src/assets/stylesheets/info-dialog.scss
@@ -166,6 +166,8 @@
text-align: left;
&__hud {
+ width: 316px;
+ height: 186px;
margin: 12px;
}
}
diff --git a/src/react-components/info-dialog.js b/src/react-components/info-dialog.js
index ef1e15156..9cee4ec44 100644
--- a/src/react-components/info-dialog.js
+++ b/src/react-components/info-dialog.js
@@ -106,7 +106,7 @@ class InfoDialog extends Component {
dialogTitle = "Invite Friends";
dialogBody = (
<div>
- <div>Just share the link to have others join you.</div>
+ <div>Just share the link to invite others.</div>
<div className="invite-form">
<input
type="text"
--
GitLab