From 372fb310c95892e5f9d591bb08e95f4162b49565 Mon Sep 17 00:00:00 2001
From: Leonard Goldstein <leonard-goldstein@outlook.de>
Date: Tue, 25 Feb 2020 06:24:44 +0100
Subject: [PATCH 1/2] stylized unified scrollbar

---
 blocks/projects/projects.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/blocks/projects/projects.css b/blocks/projects/projects.css
index bd70431..7897716 100644
--- a/blocks/projects/projects.css
+++ b/blocks/projects/projects.css
@@ -12,10 +12,19 @@
     overflow-y: auto;
     position: absolute;
     width: 100%;
+    scrollbar-width: thin;
+    scrollbar-color: var(--c1) var(--c0);
 }
 
-.projects__inner > div {
-    pointer-events: all;
+.projects__inner::-webkit-scrollbar {
+    width: 0.5em;
+}
+.projects__inner::-webkit-scrollbar-track {
+    background-color: var(--c0);
+}
+.projects__inner::-webkit-scrollbar-thumb {
+  background-color: var(--c1);
+  outline: none;
 }
 
 .projects__project-card {
@@ -42,7 +51,6 @@
     height: calc(0.15 * var(--w));
     justify-content: flex-start;
     left: calc(50vh + 0.5 * (var(--h) + 75px));
-    pointer-events: all;
     position: absolute;
     top: calc(0.3 * var(--w));
     transform: rotate(90deg);

From b2b37425e66d5e2286f8c461cdcfd0a60e6427e3 Mon Sep 17 00:00:00 2001
From: Leonard Goldstein <leonard-goldstein@outlook.de>
Date: Tue, 25 Feb 2020 06:51:51 +0100
Subject: [PATCH 2/2] fix project page header position

& remove flashing scrollbars when changing to project page
---
 blocks/page/page.css         |  1 +
 blocks/projects/projects.css | 24 +++++++++---------------
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/blocks/page/page.css b/blocks/page/page.css
index a52ab3e..efc2d94 100644
--- a/blocks/page/page.css
+++ b/blocks/page/page.css
@@ -48,6 +48,7 @@ html,
     font-family: "Manrope", Arial, Verdana, Tahoma, sans-serif;
     height: 100vh;
     margin: 0;
+    overflow: hidden;
 }
 
 .page ::selection {
diff --git a/blocks/projects/projects.css b/blocks/projects/projects.css
index 7897716..11dc145 100644
--- a/blocks/projects/projects.css
+++ b/blocks/projects/projects.css
@@ -11,20 +11,22 @@
     overflow-x: hidden;
     overflow-y: auto;
     position: absolute;
-    width: 100%;
-    scrollbar-width: thin;
     scrollbar-color: var(--c1) var(--c0);
+    scrollbar-width: thin;
+    width: 100%;
 }
 
 .projects__inner::-webkit-scrollbar {
     width: 0.5em;
 }
+
 .projects__inner::-webkit-scrollbar-track {
     background-color: var(--c0);
 }
+
 .projects__inner::-webkit-scrollbar-thumb {
-  background-color: var(--c1);
-  outline: none;
+    background-color: var(--c1);
+    outline: none;
 }
 
 .projects__project-card {
@@ -32,12 +34,6 @@
     height: var(--w);
     margin-bottom: 10px;
     margin-left: calc(50vh - 0.5 * var(--h) - 60px);
-
-    /*
-        Fix for Firefox: Smooth scrolling makes the background tremble.
-        With a slight transition, it's a little bit less.
-    */
-    transition: background-position 0.01s;
     width: var(--h);
 }
 
@@ -50,14 +46,12 @@
     flex-wrap: nowrap;
     height: calc(0.15 * var(--w));
     justify-content: flex-start;
-    left: calc(50vh + 0.5 * (var(--h) + 75px));
     position: absolute;
-    top: calc(0.3 * var(--w));
+    right: calc(1px - (100vw - 0.3175 * var(--w)));
+    top: calc(0.26 * var(--w));
     transform: rotate(90deg);
     transform-origin: top left;
-
-    /* width: calc(100vw - 0.3 * var(--w)); */
-    width: 0;
+    width: calc(100vw - 0.3 * var(--w));
     z-index: 1;
 }