diff --git a/src/app/about/about.component.responsivity.scss b/src/app/about/about.component.responsivity.scss index 2f91f71d1..9f5361877 100644 --- a/src/app/about/about.component.responsivity.scss +++ b/src/app/about/about.component.responsivity.scss @@ -155,6 +155,14 @@ } } +@media screen and (max-width: 370px) { + + .about-container .second-column .profile-picture { + width: 300px; + height: 300px; + } +} + @media screen and (max-width: 320px) { .about-container { diff --git a/src/app/experience/experience.component.ts b/src/app/experience/experience.component.ts index f892f34e6..d4bda6c35 100644 --- a/src/app/experience/experience.component.ts +++ b/src/app/experience/experience.component.ts @@ -52,10 +52,20 @@ export class ExperienceComponent implements OnInit { this.experiencesOrdered.sort(this.sortService.sort('position', 'desc')); this.backgroundUrl = this.retrieveBackgroundUrl(); this.updateMobileNavigationView(); + this.preloadBounderyImages(experiences.map(xp => xp.backgroundUrl)); }); } - createListSelector(position: number): string { + // 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) { + const preloadImages = new Array(); + preloadImages[i] = new Image(); + preloadImages[i].src = image; + }); + } + + private createListSelector(position: number): string { return `li[id="${position}"]`; } @@ -116,11 +126,11 @@ export class ExperienceComponent implements OnInit { } } - retrieveBackgroundUrl(): string { + private retrieveBackgroundUrl(): string { return this.experiences[this.currentPosition - 1].backgroundUrl; } - updateMobileNavigationView() { + private updateMobileNavigationView() { this.previousYear = this.experiences[this.currentPosition - 2]?.startAt || this.experiences[this.currentPosition - 1].startAt; this.currentYear = diff --git a/src/app/posts/posts.component responsivity.scss b/src/app/posts/posts.component responsivity.scss index 151fd3642..a7e796a70 100644 --- a/src/app/posts/posts.component responsivity.scss +++ b/src/app/posts/posts.component responsivity.scss @@ -58,7 +58,7 @@ } p.synopsis { - margin-top: 2em; + margin-top: 0; } .top-container { @@ -92,4 +92,11 @@ } } } +} + +@media screen and (max-width: 360px) { + + .container p.synopsis { + display: none; + } } \ No newline at end of file