fix(chapter): adjust text shadow and positioning

gerdesque · Jun 21, 2020 · 39c0288 · 39c0288
1 parent a2d4f56
commit 39c0288
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/apps/demol/src/app/app.json b/apps/demol/src/app/app.json
@@ -91,7 +91,7 @@
             },
             {
               "type": "image",
-              "layer": "primary",
+              "layer": "second",
               "value": "daheim_familie"
             }
           ]
@@ -193,9 +193,9 @@
               "value": "Hilf Anna, ihn wieder zusammenzufügen, um zum Treffpunkt der Ortsgruppe zu gelangen. Ziehe dazu die durcheinandergewürfelten Kartenausschnitte in das entsprechende vorgezeichnete Feld. Wenn du das Puzzle richtig gelöst hast, kommst du zum nächsten Kapitel."
             },
             {
-              "type": "suitcase",
+              "type": "puzzle",
               "layer": "base",
-              "value": "suitcase"
+              "value": "puzzle"
             },
             {
               "type": "redirect",

diff --git a/libs/ui/src/lib/chapter/chapter.tsx b/libs/ui/src/lib/chapter/chapter.tsx
@@ -23,7 +23,7 @@ export const Chapter = (props: ChapterProps) => {
     return props.groups.map((group, index) =>
     <Fragment key={index}>
       {(!group.character || group.character === character) && 
-      <InView>
+      <InView threshold={0.5}>
         {({ inView, ref, entry }) => (
           <section ref={ref} key={index} className={`parallax__group ${group.background ? 'back' : ''} ${inView ? 'active' : ''}`}>
             <Group {...group} />

diff --git a/libs/ui/src/lib/image/image.scss b/libs/ui/src/lib/image/image.scss
@@ -10,6 +10,10 @@
   width: 66%;
 }
 
+.second {
+  width: 50%;
+}
+
 .third {
   width: 33%;
 }

diff --git a/libs/ui/src/lib/info/info.scss b/libs/ui/src/lib/info/info.scss
@@ -19,7 +19,7 @@
     z-index: 11;
     background-color: rgba(0,0,0,.7);
     color: #fff;
-    font-size: 1rem;
+    font-size: 1.1rem;
   }
 
   &:hover {

diff --git a/libs/ui/src/lib/text/text.scss b/libs/ui/src/lib/text/text.scss
@@ -1,5 +1,9 @@
 .box {
   width: 80%;
+
+  p {
+    text-shadow: 2px 2px lightgrey;
+  }
 }
 
 .column {