Added end of status icon dragger

brianedsauer · Jan 27, 2017 · 8cbf05a · 8cbf05a
1 parent 447d410
commit 8cbf05a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/components/Player/index.js b/src/components/Player/index.js
@@ -84,7 +84,9 @@ class Player extends React.Component {
     return (
       <div className="player-container">
         <div className="player-status">
-          <div id="player-status-bar" className="player-status-bar"></div>
+          <div id="player-status-bar" className="player-status-bar">
+            <span className="player-status-bar-dragger" onClick={(ev) => console.log(ev)}></span>
+          </div>
         </div>
         <div className="player-content">
           <div className="player-content-action">

diff --git a/styles/components/player.scss b/styles/components/player.scss
@@ -78,7 +78,20 @@
 	  	transition: width 0.3s linear;
 	  	background-color: #61B25A;
 	  	height: 100%;
-	}
+      position: relative;
+
+      .player-status-bar-dragger {
+        width: 20px;
+        height: 10px;
+        position: absolute;
+        right: -8px;
+        background-color: #f5f5f5;
+        border: 1px solid #8dc572;
+        top: -1px;
+        cursor: pointer;
+        border-radius: 3px;
+      }
+	  }
   }
 
 }