Skip to content
Permalink
Browse files

some styles

  • Loading branch information...
Eric Fields
Eric Fields committed Nov 12, 2015
1 parent aae332c commit 1540749d20315d6ed0bfb1ba4e944fc7f62c8743
Showing with 33 additions and 2 deletions.
  1. +23 −0 app/TimelineComponent.css
  2. +4 −2 app/TimelineComponent.js
  3. +2 −0 package.json
  4. +4 −0 webpack.config.js
@@ -0,0 +1,23 @@
.timelineComponentPopover:after, .timelineComponentPopover:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.timelineComponentPopover:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.timelineComponentPopover:before {
border-color: rgba(245, 0, 0, 0);
border-bottom-color: #2A2A2A;
border-width: 11px;
margin-left: -11px;
}
@@ -1,3 +1,5 @@
require('./TimelineComponent.css')

import React from 'react'

var moment = require('moment')
@@ -143,9 +145,9 @@ export default class TimelineComponent extends React.Component {
{ sortedDataUniqByDate.map( (date, index) => {

return(
<div style={ {
<div className='timelineComponentPopover' style={ {
position: 'absolute',
left: labelGroupPos(index) + 'px',
left: (labelGroupPos(index) - 4) + 'px',
border: '2px solid #979797',
backgroundColor: 'white',
padding: '.5em',
@@ -17,6 +17,7 @@
"babel-loader": "^5.3.2",
"babel-runtime": "^5.8.29",
"color": "^0.10.1",
"css-loader": "^0.22.0",
"jsx-loader": "^0.13.2",
"lodash": "^3.10.1",
"moment": "^2.10.6",
@@ -25,6 +26,7 @@
"react-dom": "^0.14.0",
"shortid": "^2.2.4",
"sort-by": "^1.1.1",
"style-loader": "^0.13.0",
"underscore": "^1.8.3"
}
}
@@ -12,6 +12,10 @@ module.exports = {
test: /\.js$/,
exclude: /(node_modules)/,
loaders: ['react-hot', 'babel?optional[]=runtime&stage=0']
},
{
test: /\.css$/,
loaders: ['style','css']
}
]
},

0 comments on commit 1540749

Please sign in to comment.
You can’t perform that action at this time.