make pronouns tooltip appear on the left on the right hand side of the circle.

2021-01-18 19:40:14 +00:00 · 2021-01-18 19:40:14 +00:00 · 30ca53dde3
parent 48eab1fa8c
commit 30ca53dde3
1 changed files with 11 additions and 0 deletions
--- a/src/components/TownSquare.vue
+++ b/src/components/TownSquare.vue
@ -292,6 +292,17 @@ export default {
            left: 100%;
          }
        }
+        //show pronouns tooltip on the left
+        .pronouns {
+          right: 120%;
+          left: auto;
+          &:before {
+            border-right-color: transparent;
+            border-left-color: black;
+            right: auto;
+            left: 100%;
+          }
+        }
      } @else {
        // second half of players
        z-index: $i - 1;