Added ribbons

Gift ribbons currently partially work: the correct ribbon image and name
is shown, but the ribbon description is not yet extracted from the game
and thus is just blank.

2 files changed, 36 insertions, 22 deletions

@@ -1,7 +1,7 @@
 $ ->
-  $(".pc-pokemon").mouseover ->
-    $(this).children(".pc-data").show()
-  $(".pc-pokemon").mouseout ->
-    $(this).children(".pc-data").hide()
-  $(".pc-pokemon").mousemove (event) ->
-    $(this).children(".pc-data").offset({left: event.pageX + 16, top: event.pageY - 16})
+  $(".pkv-has-hover").mouseover ->
+    $(this).children(".pkv-hover").show()
+  $(".pkv-has-hover").mouseout ->
+    $(this).children(".pkv-hover").hide()
+  $(".pkv-has-hover").mousemove (event) ->
+    $(this).children(".pkv-hover").offset({left: event.pageX + 16, top: event.pageY - 16})
@@ -152,21 +152,19 @@ body {
   }
 }
 
-.pc-pokemon {
-  .pc-data {
-    display: none;
-    background-color: #111;
-    color: #fff;
-    z-index: 1;
-    padding: .5em;
-    box-shadow: 0px 0px 2px 1px #B3B3B3;
-    border-radius: 4px;
-    position: absolute;
-
-    .pc-data-name {
-      font-weight: bold;
-      white-space: pre;
-    }
+.pkv-hover {
+  display: none;
+  background-color: #111;
+  color: #fff;
+  z-index: 1;
+  padding: .5em;
+  box-shadow: 0px 0px 2px 1px #B3B3B3;
+  border-radius: 4px;
+  position: absolute;
+
+  .pc-data-name {
+    font-weight: bold;
+    white-space: pre;
   }
 }
 
@@ -203,7 +201,6 @@ body {
 
   .pd-details {
     color: white;
-    font-size: bold;
     padding: .25em .5em;
   }
 
@@ -355,4 +352,21 @@ body {
       stroke-linejoin: butt;
     }
   }
+
+  .pokemon-ribbons {
+    .pd-details {
+      background-color: #ffc8c8;
+    }
+
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 0;
+      margin: 0.5em;
+
+      li {
+        display: block;
+      }
+    }
+  }
 }