Merge pull request #491 from PretendoNetwork/work/fixfixfix

fix(ui): bugs

Author: mrjvs

apps/juxtaposition-ui/src/services/juxt-web/views/ctr/userPageView.tsx

@@ -63,7 +63,7 @@ export function CtrUserPageView(props: UserPageViewProps): ReactNode {
 												<span className="sprite sp-follower-count inline-sprite"></span>
 												<span id="followers">
 													{' '}
-													{props.userContent.following_users.length - 1}
+													{props.userContent.following_users.length}
 												</span>
 											</span>
 										</span>

apps/juxtaposition-ui/src/services/juxt-web/views/portal/communityListView.tsx

@@ -32,7 +32,6 @@ export function PortalCommunityListView(props: CommunityListViewProps): ReactNod
 			<PortalPageBody>
 				<header id="header">
 					<h1 id="page-title"><T k="all_communities.text" /></h1>
-					<a id="header-communities-button" href="/titles/all" data-pjax="#body"><T k="all_communities.text" /></a>
 				</header>
 				<div className="body-content">
 					<div className="communities-list">

apps/juxtaposition-ui/src/services/juxt-web/views/portal/navbar.tsx

@@ -58,12 +58,12 @@ export function PortalNavBar(props: NavBarProps): ReactNode {
 				</a>
 			</li>
 			<li id="nav-menu-exit" evt-click="exit()">
-				<a role="button" data-sound="SE_WAVE_EXIT">
+				<a role="button" data-sound="SE_WAVE_EXIT" tabIndex={0}>
 					<T k="global.close" />
 				</a>
 			</li>
 			<li id="nav-menu-back" className="none" evt-click="back()">
-				<a role="button" className="accesskey-B" data-sound="SE_WAVE_BACK">
+				<a role="button" className="accesskey-B" data-sound="SE_WAVE_BACK" tabIndex={0}>
 					<T k="global.go_back" />
 				</a>
 			</li>

apps/juxtaposition-ui/src/services/juxt-web/views/portal/userPageView.tsx

@@ -133,7 +133,7 @@ export function PortalUserPageView(props: UserPageViewProps): ReactNode {
 												{' | '}
 												<PortalUIIcon name="followers" />
 												{' '}
-												<span id="followers">{props.userContent.following_users.length - 1}</span>
+												<span id="followers">{props.userContent.following_users.length}</span>
 											</span>
 											{props.userSettings.country_visibility
 												? (

apps/juxtaposition-ui/src/services/juxt-web/views/web/admin/editCommunityView.tsx

@@ -65,7 +65,7 @@ export function WebEditCommunityView(props: EditCommunityViewProps): ReactNode {
 					</div>
 					<div className="col-md-3">
 						<label className="labels" htmlFor="browserIcon">Browser Icon (128px x 128px)</label>
-						<input type="file" id="browserIcon" data-image-preview accept="image/jpg" name="browserIcon" />
+						<input type="file" id="browserIcon" data-image-preview accept="image/png" name="browserIcon" />
 					</div>
 					<div className="col-md-3">
 						{community.icon_paths
@@ -78,7 +78,7 @@ export function WebEditCommunityView(props: EditCommunityViewProps): ReactNode {
 					</div>
 					<div className="col-md-3">
 						<label className="labels" htmlFor="CTRbrowserHeader">3DS Browser Banner (400px x 220px)</label>
-						<input type="file" id="CTRbrowserHeader" data-image-preview accept="image/jpg" name="CTRbrowserHeader" />
+						<input type="file" id="CTRbrowserHeader" data-image-preview accept="image/png" name="CTRbrowserHeader" />
 					</div>
 					<div className="col-md-3">
 						{community.ctr_header
@@ -91,7 +91,7 @@ export function WebEditCommunityView(props: EditCommunityViewProps): ReactNode {
 					</div>
 					<div className="col-md-3">
 						<label className="labels" htmlFor="WiiUbrowserHeader">Wii U Browser Banner (1280px x 180px)</label>
-						<input type="file" id="WiiUbrowserHeader" data-image-preview accept="image/jpg" name="WiiUbrowserHeader" />
+						<input type="file" id="WiiUbrowserHeader" data-image-preview accept="image/png" name="WiiUbrowserHeader" />
 					</div>
 					<div className="col-md-3">
 						{community.wup_header

apps/juxtaposition-ui/src/services/juxt-web/views/web/userPageView.tsx

@@ -142,7 +142,7 @@ export function WebUserPageView(props: UserPageViewProps): ReactNode {
 	return (
 		<WebRoot head={head}>
 			<h2 id="title" className="page-header"><T k="global.user_page" /></h2>
-			<WebNavBar selection={-1} />
+			<WebNavBar selection={isSelf ? 0 : -1} />
 			<div id="toast"></div>
 			<WebWrapper className="community-page-post-box">
 				<div className="community-top">

apps/juxtaposition-ui/webfiles/ctr/css/juxt.css

@@ -7,15 +7,15 @@
 
 body {
     margin: 0;
-    font-family: Arial, serif;
+    font-family: nintendo_NTLG-DB_001,sans-serif;
     width: 400px;
     background: #00f
 }
 
 #body,
 #header,
 body {
-    overflow-x: clip
+    overflow-x: hidden;
 }
 
 #body {
@@ -75,7 +75,7 @@ ul {
     bottom: 0;
     height: 52px;
     line-height: 47px;
-    font-size: 25px;
+    font-size: 18px;
     white-space: nowrap;
     display: inline;
     padding-left: 15px;

apps/juxtaposition-ui/webfiles/web/js/web.js

@@ -108,6 +108,8 @@ function initMorePosts() {
 	for (let i = 0; i < els.length; i++) {
 		els[i].addEventListener('click', function (e) {
 			const el = e.currentTarget;
+			// Prevent re-entering this handler. Can happen e.g. with macOS scroll events, see #349
+			el.disabled = true;
 			GET(el.getAttribute('data-href'), function a(data) {
 				const response = data.response;
 				if (response && data.status === 200) {