.vote-button -> .votes-label

stride-nyc · Nov 24, 2019 · 98192d4 · 98192d4
1 parent 6df9e92
commit 98192d4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/web/static/js/components/css_modules/voting_interface.css b/web/static/js/components/css_modules/voting_interface.css
@@ -28,18 +28,18 @@
 
   &:global(.static) {
     pointer-events: none;
-
-    .vote-button {
-      font-size: 1rem;
-    }
   }
 
-  .vote-button {
+  .votes-label {
+    font-size: 1rem;
     line-height: 1.1rem;
-    font-size: 0.8rem;
     padding: 0.3rem 0.9rem 0.2rem;
 
-    /* allow wrapping element's disabled styling to handle dimming for consistency */
+    /*
+    override semantic ui's disabled styling here to allow wrapping element's
+    disabled styling to handle dimming, otherwise the opacity changes 'stack',
+    causing different opacity levels in the various elements
+    */
     &:disabled {
       opacity: 1;
     }

diff --git a/web/static/js/components/voting_interface.jsx b/web/static/js/components/voting_interface.jsx
@@ -62,7 +62,7 @@ class VotingInterface extends React.Component {
             </button>
           </div>
         ) : (
-          <div className={`ui basic button ${styles.voteButton}`}>
+          <div className={`ui basic button ${styles.votesLabel}`}>
             Votes
           </div>
         )}