From 172f1e5935c2f6f02e75bbcb414ab8ef00cbc3e5 Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Sat, 11 Nov 2017 18:50:01 +0100 Subject: [PATCH] Updated container.scss to be a 'pointer' on timeline events --- public_html/css/container.scss | 14 ++++++++++---- public_html/css/min/container.css | 13 +++++++++---- 2 files changed, 19 insertions(+), 8 deletions(-) diff --git a/public_html/css/container.scss b/public_html/css/container.scss index 8ecf77c..f6329dc 100755 --- a/public_html/css/container.scss +++ b/public_html/css/container.scss @@ -550,24 +550,30 @@ svg > circle[class^=svg_]{ } -/* (2) Middle circles -> scale+ on hover */ +/* (2) Set cursor to pointer */ +svg > circle[class^=svg_]:not(.op_svg){ + cursor: pointer; +} + +/* (3) Middle circles -> scale+ on hover */ svg > circle[class^=svg_]:not(.op_svg):hover{ + -webkit-transform: scale(1.2); transform: scale(1.2); } -/* (3) Avoid icons inside middle circles to block :hover */ +/* (4) Avoid icons inside middle circles to block :hover */ svg > circle[class^=svg_]:not(.op_svg) + image{ -webkit-pionter-events: none; pointer-events: none; } -/* (4) Make around circles a bit transparent */ +/* (5) Make around circles a bit transparent */ svg > circle.op_svg{ opacity: .6; } -/* (5) Set circle colors according to action type */ +/* (6) Set circle colors according to action type */ svg > circle.svg_start{ fill: #2cde8b; } svg > circle.svg_stop{ fill: #3a3a3a; } svg > circle.svg_lock{ fill: #e04343; } diff --git a/public_html/css/min/container.css b/public_html/css/min/container.css index a1d2b74..256e1f2 100644 --- a/public_html/css/min/container.css +++ b/public_html/css/min/container.css @@ -705,24 +705,29 @@ svg > circle[class^=svg_] { transition: transform .2s ease-in-out; } -/* (2) Middle circles -> scale+ on hover */ +/* (2) Set cursor to pointer */ +svg > circle[class^=svg_]:not(.op_svg) { + cursor: pointer; +} + +/* (3) Middle circles -> scale+ on hover */ svg > circle[class^=svg_]:not(.op_svg):hover { -webkit-transform: scale(1.2); transform: scale(1.2); } -/* (3) Avoid icons inside middle circles to block :hover */ +/* (4) Avoid icons inside middle circles to block :hover */ svg > circle[class^=svg_]:not(.op_svg) + image { -webkit-pionter-events: none; pointer-events: none; } -/* (4) Make around circles a bit transparent */ +/* (5) Make around circles a bit transparent */ svg > circle.op_svg { opacity: .6; } -/* (5) Set circle colors according to action type */ +/* (6) Set circle colors according to action type */ svg > circle.svg_start { fill: #2cde8b; }