Animationen hinzugefügt

src/scss/_editStory.scss

@@ -1,19 +0,0 @@
-#author-list {
-  .author-entry {
-    border-bottom: 1px solid $borderColor;
-    .author-image-container {
-      .author-image {
-        position: relative;
-      }
-    }
-    .user-flag{
-      display: none;
-    }
-
-    &.isUser{
-      .user-flag{
-        display: inherit;
-      }
-    }
-  }
-}

src/scss/wordRotator.scss

@@ -61,10 +61,15 @@ $coinTowerDimension: 28px;
   }
 }
 
-#coin-container .coin {
-  margin: 3px;
-  max-width: 30px;
-  display: inline-block;
+#coin-container {
+  height: 30px;
+  .coin {
+    margin-left: 3px;
+    margin-right: 3px;
+    //height: 30px;
+    max-width:30px;
+    display: inline-block;
+  }
 }
 
 //Segments
@@ -247,18 +252,28 @@ $animationDuration: 0.25s;
 }
 
 //Won-screen
-.show-when-won {
-  //visibility: hidden;
-  display: none;
-  transition: none;
-  * {
-    transition: none;
+#site-content > :not(.won) {
+  .show-when-won {
+    //visibility: hidden;
+    display: none;
+    //transition: none;
+    //* {
+    //  transition: none;
+    //}
   }
 }
 
+.level-container {
+  height: 100%;
+  transition: none;
+}
+
 .won {
+  .level-container {
+    height: 60%;
+  }
   .show-when-won {
-    display: flex;
+    //visibility: initial;
   }
   .show-while-playing {
     display: none;
@@ -268,4 +283,3 @@ $animationDuration: 0.25s;
 .text-right {
   text-align: right;
 }
-