fix timeline dots

axherrm · Dec 27, 2023 · 5171910 · 5171910
1 parent cfe758f
commit 5171910
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -24,16 +24,20 @@
   }
 }
 
-.dot {
-  height: 25px;
-  width: 25px;
-  background-color: #ffffff;
-  border-radius: 50%;
-  border: 3px solid #a1a1a1;
-  display: inline-block;
-}
-
 :host ::ng-deep {
+
+  .p-timeline-event-separator {
+    transform: translateY(calc((2.25rem - 1.6rem) / 2));
+    .dot {
+      height: 1.6rem;
+      width: 1.6rem;
+      background-color: #ffffff;
+      border-radius: 50%;
+      border: 3px solid rgba(75,75,75,1);
+      display: inline-block;
+    }
+  }
+
   .p-card-content {
     padding: 0;
   }

diff --git a/src/data/education.json b/src/data/education.json
@@ -4,7 +4,7 @@
       "heading": "Grundschule",
       "subheading": "Berkenschule Holzgerlingen",
       "date": "09/2008 – 07/2012",
-      "content": "In der Grundschule hatte ich zwar noch keine Berührungen mit Informatik oder technischen Themen, doch Mathe hat sich schenll als mein Lieblingsfach herausgestellt."
+      "content": "In der Grundschule hatte ich zwar noch keine Berührungen mit Informatik oder technischen Themen, doch Mathe hat sich schnell als mein Lieblingsfach herausgestellt."
     },
     {
       "heading": "Allgemeine Hochschulreife",