Touch buttons and navbar icon

src/app/app.module.ts

@@ -47,6 +47,9 @@ export function markedOptionsFactory(): MarkedOptions {
 	renderer.blockquote = (text: string) => {
 		return "<blockquote class=\"blockquote\"><p>" + text + "</p></blockquote>";
 	};
+	renderer.link = (href: string, title: string, text: string) => {
+		return "<a class=\"article-link\" href=\"" + href + "\" title=\"" + title + "\">" + text + "</a>";
+	};
 	/*renderer.warning = (text: string) => {
 		return "<span style=\"color:red\"" + text + "</span>";
 	};*/

src/app/gui/navbar/navbar.component.html

@@ -20,5 +20,5 @@
 		</ul>
 	</nav>
 	<div class="header-logo-space" [class.overflow]="overflowLogo"></div>
-	<div class="overflow-max-indicator" [class.visible]="overflowMax">&gt;</div>
+	<div class="overflow-max-indicator" [class.visible]="overflowMax"><div class="overflow-max-icon"></div></div>
 </div>

src/app/gui/navbar/navbar.component.scss

@@ -116,8 +116,17 @@
 	width: 2rem;
 	text-align: right;
 	padding-right: 0.25rem;
-  box-shadow: -2rem 0 0.5rem -0.5rem $color-main inset;
+	box-shadow: -2rem 0 0.5rem -0.5rem $color-main inset;
 }
 .overflow-max-indicator.visible {
 	opacity: 1;
+}
+.overflow-max-icon {
+	width: 100%;
+	height: 100%;
+	background: white;
+	mask-image: url("/assets/arrow-forward.svg");
+	mask-repeat: no-repeat;
+    mask-position: right;
+    mask-size: contain;
 }

src/app/gui/navbar/navbar.component.ts

@@ -41,7 +41,6 @@ export class NavbarComponent implements OnInit, AfterViewInit {
 	constructor(private elRef: ElementRef<HTMLElement>, public currentDocument: CurrentDocumentService) { }
 
 	ngOnInit() {
-		// TODO: fare la parte dei percorsi preselezionati
 	}
 
 	ngAfterViewInit() {

src/assets/arrow-forward.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg data-name="Livello 1" id="Livello_1" viewBox="0 0 20.57 38" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#231f20;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}</style></defs><title/><polyline class="cls-1" points="2.03 36 18.57 19.14 2 2"/></svg>

src/documents/software.it.md

@@ -25,7 +25,7 @@ Please choose the method that you prefer
 
 1. Open Cardboard app
 2. Tap **Settings**
-3. Tap **Change**
+3. Tap **Change** [link](www.google.com)
 4. Scan with your camera this QR-Code:
 [warning]WARNING: If you do this you can't go back to the default settings![warning]
 
@@ -35,6 +35,8 @@ break
 
 "Smart Quotations"
 
+[link](www.google.com)
+
 <br>
 <br>
 <br>

src/styles.scss

@@ -10,4 +10,11 @@ body {
 }
 strong, b, h1, h2, h3, h4, h5, h6, th {
 	font-weight: 800;
-}
+}
+
+@media only screen, (any-pointer: fine) {
+	.article-link {
+		min-height: 48px;
+		display: inline-block;
+	}
+}