styl cleanup

zooniverse · Apr 26, 2016 · d8f53dd · d8f53dd
1 parent bd3f9a6
commit d8f53dd
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 46 deletions.
diff --git a/app/pages/project/stats/stats.cjsx b/app/pages/project/stats/stats.cjsx
@@ -103,7 +103,7 @@ ETA = React.createClass
     rate = value.reduce (a,b) -> a + b
     eta = Math.max(0, Math.ceil(days * (@props.totalCount - @props.currentCount) / rate))
     <div>
-      <span className="progress-stat-label">ETC*</span> {"#{eta} days"}
+      <span className="progress-stats-label">ETC*</span> {"#{eta} days"}
     </div>
 
 WorkflowProgress = React.createClass
@@ -120,18 +120,18 @@ WorkflowProgress = React.createClass
 
   render: ->
     if @props.workflow.retirement.criteria == 'classification_count'
-      retirement = <div><span className="progress-stat-label">Retirement limit:</span> {@props.workflow.retirement.options.count.toLocaleString()}</div>
+      retirement = <div><span className="progress-stats-label">Retirement limit:</span> {@props.workflow.retirement.options.count.toLocaleString()}</div>
     <div className="progress-element">
       <div className="flex-wrapper">
         <h3>{@props.workflow.display_name}</h3>
         <div>
           {retirement}
         </div>
         <div>
-          <span className="progress-stat-label">Images retired:</span> {@props.workflow.retired_set_member_subjects_count.toLocaleString()} / {@props.workflow.subjects_count.toLocaleString()}
+          <span className="progress-stats-label">Images retired:</span> {@props.workflow.retired_set_member_subjects_count.toLocaleString()} / {@props.workflow.subjects_count.toLocaleString()}
         </div>
         <div>
-          <span className="progress-stat-label">Classifications:</span> {@props.workflow.classifications_count.toLocaleString()} / {(@props.workflow.subjects_count * @props.workflow.retirement.options.count).toLocaleString()}
+          <span className="progress-stats-label">Classifications:</span> {@props.workflow.classifications_count.toLocaleString()} / {(@props.workflow.subjects_count * @props.workflow.retirement.options.count).toLocaleString()}
         </div>
         <PromiseRenderer promise={@statCount()}>{(statData) =>
           <ETA data={statData} currentCount={@props.workflow.classifications_count} totalCount={@props.workflow.subjects_count * @props.workflow.retirement.options.count} />

diff --git a/css/project-stats-page.styl b/css/project-stats-page.styl
@@ -2,13 +2,6 @@ zoo-blue = #03517f
 zoo-green = #1eb3af
 zoo-orange = #f78d27
 
-.progress-container
-  width: 100%
-  position: relative
-
-.progress-stat-label
-  font-weight: 600
-
 .ct-chart
     .ct-series-a
       .ct-bar, .ct-slice-donut
@@ -37,6 +30,45 @@ zoo-orange = #f78d27
 
 .ct-slice-donut
   cursor: auto
+
+.flex-wrapper
+  padding: 5px  
+
+.mid-slider
+  .rc-slider-handle
+    border-radius: 10px
+    border: none
+    background-color: #999
+    height: 20px
+    width: 26px
+    margin-top: -2px
+    margin-left: -13px
+    &:before
+      content: "\f0c9"
+      font-family: FontAwesome
+      font-style: normal
+      font-weight: normal
+      text-decoration: inherit
+      color: #fff
+      font-size: 13px
+      display: flex
+      flex-direction: row
+      align-items: center
+      justify-content: center
+      transform: rotate(90deg)
+
+.progress-container
+  width: 100%
+  position: relative
+
+.progress-element
+  align-self: flex-end
+  width: 25%
+  word-wrap: break-word
+  @media (max-width: 1150px)
+    width: 33.333%
+  @media (max-width: 900px)
+    width: 50%
 
 .progress-label
   color: #000
@@ -56,24 +88,15 @@ zoo-orange = #f78d27
   text-align: center
   font-size: 2em
   display: block
+
+.progress-stats-label
+  font-weight: 600
 
 .project-stats-progress
   display: flex
   flex-flow: row wrap
   width: 100%
 
-.progress-element
-  align-self: flex-end
-  width: 25%
-  word-wrap: break-word
-  @media (max-width: 1150px)
-    width: 33.333%
-  @media (max-width: 900px)
-    width: 50%
-
-.flex-wrapper
-  padding: 5px
-
 .rc-slider
   margin: 0 15px 0 15px
   width: auto !important
@@ -112,29 +135,6 @@ zoo-orange = #f78d27
     border-radius: 0
     border-bottom: 2px solid #999
 
-.mid-slider
-  .rc-slider-handle
-    border-radius: 10px
-    border: none
-    background-color: #999
-    height: 20px
-    width: 26px
-    margin-top: -2px
-    margin-left: -13px
-    &:before
-      content: "\f0c9"
-      font-family: FontAwesome
-      font-style: normal
-      font-weight: normal
-      text-decoration: inherit
-      color: #fff
-      font-size: 13px
-      display: flex
-      flex-direction: row
-      align-items: center
-      justify-content: center
-      transform: rotate(90deg)
-
 .ui-handle
   width: 50px
   border-bottom: 1px solid #999