-
diff --git a/src/app/experience/experience.component.scss b/src/app/experience/experience.component.scss
index d79594dc1..63d3f2de7 100644
--- a/src/app/experience/experience.component.scss
+++ b/src/app/experience/experience.component.scss
@@ -142,6 +142,7 @@
.middle-container {
@include display-flex;
+ touch-action: pan-y !important;
flex-direction: column;
text-align: right;
color: #fff;
diff --git a/src/app/experience/experience.component.ts b/src/app/experience/experience.component.ts
index 0b2f24f0c..5f8b4b6d5 100644
--- a/src/app/experience/experience.component.ts
+++ b/src/app/experience/experience.component.ts
@@ -5,13 +5,14 @@ import { IExperience } from "./experience-interfaces";
import { DataService } from "../core/data.service";
import { SorterService } from "../core/sorter.service";
import { FaIconLibrary } from "@fortawesome/angular-fontawesome";
+import { AbstractSwipeSection } from "../core/shared/abstract.swipe.section";
@Component({
selector: "app-experience",
templateUrl: "./experience.component.html",
styleUrls: ["./experience.component.scss", "experience-component.reponsivity.scss"]
})
-export class ExperienceComponent implements OnInit {
+export class ExperienceComponent extends AbstractSwipeSection implements OnInit {
SELECTED_CLASS: string = "selected";
LEAVE_RIGHT_CLASS: string = "leave-right";
@@ -37,6 +38,7 @@ export class ExperienceComponent implements OnInit {
private renderer: Renderer2,
private library: FaIconLibrary
) {
+ super();
library.addIconPacks(fas, fab);
}
@@ -56,6 +58,14 @@ export class ExperienceComponent implements OnInit {
});
}
+ public disablePreviousNavigation(): boolean {
+ return this.currentPosition === 1;
+ }
+
+ public disableNextNavigation(): boolean {
+ return this.currentPosition === this.experiencesOrdered?.length;
+ }
+
// Preloads the boundaries images related to the current position in order to avoid the "blinking" of the background while navigating.
private preloadBounderyImages(images: string[]) {
images.forEach(function (image, i) {
diff --git a/src/app/posts/posts.component.html b/src/app/posts/posts.component.html
index 158960763..3cce0b51d 100644
--- a/src/app/posts/posts.component.html
+++ b/src/app/posts/posts.component.html
@@ -5,14 +5,14 @@
Posts
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate sagittis velit, eget scelerisque arcu semper finibus.
-