Rename "label" to "achievement"

The word "label" was far too generic to capture the stlying needs for
this class. Thanks to Andrew for pointing out that this feature is
really what games today call an "achievement".

diff --git a/empathy/empathy.css b/empathy/empathy.css
index 3ab2fc63fd29f18b78c4b141ebe6d5874b3dc67a..adc8f6aa7f213616f91afcee984d7288e8bcfe5f 100644 (file)
--- a/empathy/empathy.css
+++ b/empathy/empathy.css
@@ -104,7 +104,7 @@
     transition-delay: 1s;
 }
 
     transition-delay: 1s;
 }
 

-.label {
+.achievement {

     border-radius: 4px;
     background-color: var(--accent-color-bright);
     color: var(--text-fg-on-accent-bright);
     border-radius: 4px;
     background-color: var(--accent-color-bright);
     color: var(--text-fg-on-accent-bright);

diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx
index 53d7763c84f7a27643ac5f90b935dd945c601335..30aa0ca12eff0152cc2b918b2e7b1e1c95b19423 100644 (file)
--- a/empathy/empathy.jsx
+++ b/empathy/empathy.jsx
@@ -1216,7 +1216,7 @@ class Game extends React.PureComponent {
             {state.scores.scores.map(score => {
               let perfect = null;
               if (score.score == perfect_score) {
             {state.scores.scores.map(score => {
               let perfect = null;
               if (score.score == perfect_score) {

-                perfect = <span className="label">Perfect!</span>;
+                perfect = <span className="achievement">Perfect!</span>;

               }
               return (
                 <li key={score.players[0]}>
               }
               return (
                 <li key={score.players[0]}>