Merge pull request #910 from zirreal/robonomics-wiki-test

fixed navigation buttons
airalab · Oct 24, 2024 · d765ad1 · d765ad1
2 parents 5cb6adc + feb5511
commit d765ad1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/src/assets/css/pages/doc/doc.css b/src/assets/css/pages/doc/doc.css
@@ -130,8 +130,8 @@
 	flex-direction: column;
 	text-align: right;
 	padding: 1rem;
-	grid-column-start: 1;
-	grid-column-end: 2;
+	/* grid-column-start: 1;
+	grid-column-end: 2; */
 }
 
 .pageNextPrev a.second {
@@ -160,4 +160,17 @@
 	}
 }
 
+@media screen and (max-width: 460px) {
+	.pageNextPrev { 
+		display: flex;
+		flex-direction: column;
+	}
+
+	.pageNextPrev a {
+		display: flex;
+		width: 100%;
+	}
+
+}
+
 
diff --git a/src/assets/js/components/navButtons.js b/src/assets/js/components/navButtons.js
@@ -70,10 +70,6 @@ document.addEventListener('DOMContentLoaded', function ()  {
 				let prev = prevPage(flatten(config), index)
 				let next = nextPage(flatten(config),index)
 
-				const translatedNext = translateLine(next.title, language);
-				const translatedPrev = translateLine(prev.title, language);
-
-
 				if(curr.next) {
 					next = curr.next[0]
 				}
@@ -82,10 +78,13 @@ document.addEventListener('DOMContentLoaded', function ()  {
 					prev = curr.prev[0]
 				}
 
+				const translatedNext = translateLine(next.title, language);
+				const translatedPrev = translateLine(prev.title, language);
+
 				const prevLink = prev.topic ? prev.url + '/?topic=' + prev.topic.replace(/\s+/g, '-').toLowerCase() : prev.url;
 				const nextLink = next.topic ? next.url + '/?topic=' + next.topic.replace(/\s+/g, '-').toLowerCase() : next.url;
 
-				navigationBlock.innerHTML =  `<a href="${language !== 'en' ? "/" + language + prevLink : prevLink}" class="button inline-block secondary button__medium custom"><span class="additional-text">${translateLine('previous', language)}</span> ← ${translatedPrev ? translatedPrev : prev.title}</a><a href="${language !== 'en' ? "/" + language + nextLink : nextLink}" class="button inline-block secondary button__medium"><span class="additional-text">${translateLine('next', language)}</span> ${translatedNext ? translatedNext : next.title} →</a>`
+				navigationBlock.innerHTML =  `<a href="${language !== 'en' ? "/" + language + prevLink : prevLink}" class="button inline-block secondary button__medium custom"><span class="additional-text">${translateLine('previous', language)}</span> ← ${translatedPrev ? translatedPrev : prev.title}</a><a href="${language !== 'en' ? "/" + language + nextLink : nextLink}" class="button inline-block secondary button__medium custom"><span class="additional-text">${translateLine('next', language)}</span> ${translatedNext ? translatedNext : next.title} →</a>`
 			}
 
 	}

diff --git a/src/ko/pages/index.njk b/src/ko/pages/index.njk
@@ -16,9 +16,3 @@ description: Learn Robonomics through tutorials and practically useful experimen
 </div>
 
 
-{# for translation
-{{'Home Assistant integration' | t}}
-{{'Robonomics smart devices' | t}}
-{{'Working with parachain' | t}}
-#}
-