MS1.5 fix #35 (PR #66)

* Fix Mobile contact if problem header wrong #35 * Bump version number
Gum-Joe · Jun 28, 2021 · 633e556 · 633e556
1 parent 61106dc
commit 633e556
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.1.0-beta.3",
+  "version": "1.1.0-beta.4",
   "private": true,
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.34",

diff --git a/frontend/src/components/SiteContainer.tsx b/frontend/src/components/SiteContainer.tsx
@@ -175,8 +175,9 @@ export default class SiteContainer extends Component<SiteProps, TheState> {
 	async getCalendar() {
 		const inputDate = new Date();
 		// Used for fiddling:
+		// NOTE: Do NOT allow code into production where these value are uncommented
 		//inputDate.setDate(26);
-		//inputDate.setMonth(2);
+		//inputDate.setMonth(7);
 		//inputDate.setFullYear(2021);
 		// Get which week it is 
 		const weekChecker = new IsItWeekA(this.props.weekMarkerDate, this.props.calendarURL, inputDate);
@@ -199,7 +200,7 @@ export default class SiteContainer extends Component<SiteProps, TheState> {
 					<h2>It is neither Week A nor B.</h2>
 					<h3>This means it&#39;s probably a holiday.</h3>
 					<Button style={{ marginRight: "auto" }} className="forward" onClick={getScrollDownWithAdditional(0)}><div>events</div></Button>
-					<h5>If you believe this is in error, please email&nbsp;<a href="mailto:info@isitweeka.com">info@isitweeka.com</a></h5>
+					<h5 id="neitherAB-contact">If you believe this is in error, please email&nbsp;<a href="mailto:info@isitweeka.com">info@isitweeka.com</a></h5>
 					<Socials />
 				</>
 			);

diff --git a/frontend/src/scss/jumbotron.scss b/frontend/src/scss/jumbotron.scss
@@ -21,4 +21,11 @@
 		justify-content: center !important;
 		transform: scale(0.8) translate(0, 60px) !important;
 	}
+}
+
+// Control the styling of the "if you believe this is in error, please contact <email>" shown
+// when the system can't detect A or B
+// Without this it is inline-flex and so on mobile looks incorecct as the email link and header text don't appear as one line - see issue #35
+#neitherAB-contact {
+	display: block;
 }