react-video-timelines-slider
Advanced tools
Comparing version 1.1.4 to 1.1.5
{ | ||
"name": "react-video-timelines-slider", | ||
"version": "1.1.4", | ||
"version": "1.1.5", | ||
"description": "Time Slider component for React", | ||
@@ -5,0 +5,0 @@ "author": "Prakhar Shukla <prakharshukla@outlook.in>", |
@@ -1,2 +0,1 @@ | ||
import { getMinutes } from "date-fns"; | ||
import PropTypes from "prop-types"; | ||
@@ -6,4 +5,2 @@ import React from "react"; | ||
const Tick = ({ tick, count, format }) => { | ||
const isFullHour = !getMinutes(tick.value); | ||
const tickLabelStyle = { | ||
@@ -18,12 +15,8 @@ marginLeft: `${-(100 / count) / 2}%`, | ||
<div | ||
className={`react_time_range__tick_marker${ | ||
isFullHour ? "__large" : "" | ||
}`} | ||
className='react_time_range__tick_marker__large' | ||
style={{ left: `${tick.percent}%` }} | ||
/> | ||
{isFullHour && ( | ||
<div className='react_time_range__tick_label' style={tickLabelStyle}> | ||
{format(tick.value)} | ||
</div> | ||
)} | ||
<div className='react_time_range__tick_label' style={tickLabelStyle}> | ||
{format(tick.value)} | ||
</div> | ||
</> | ||
@@ -30,0 +23,0 @@ ); |
@@ -26,3 +26,3 @@ import PropTypes from "prop-types"; | ||
: { | ||
backgroundColor: "rgba(98, 203, 102, 0.5)", | ||
backgroundColor: "rgba(98, 203, 102, 0.7)", | ||
borderLeft: "1px solid #62CB66", | ||
@@ -29,0 +29,0 @@ borderRight: "1px solid #62CB66", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
119589
573