From: Bruno Trecenti Date: Tue, 1 Sep 2015 19:28:34 +0000 (-0300) Subject: added blip name on blip hovering, fixed rings in the example X-Git-Url: https://pwan.org/git/?p=tech-radar.git;a=commitdiff_plain;h=4e488d92209240532d080c10f46c6db9f0e42cf2 added blip name on blip hovering, fixed rings in the example --- diff --git a/examples/base.css b/examples/base.css index 3ea04e8..cb1ac4f 100644 --- a/examples/base.css +++ b/examples/base.css @@ -3,14 +3,6 @@ body { svg { padding: 20px; } - svg .first { - fill: #83ad78; } - svg .second { - fill: #3db5be; } - svg .third { - fill: #e88744; } - svg .fourth { - fill: #8d2145; } svg circle:nth-child(1) { stroke: none; fill: #eaeaea; } @@ -23,10 +15,30 @@ svg { svg circle:nth-child(4) { stroke: none; fill: #bababa; } - svg circle, svg polygon { + svg .blip-group { + cursor: pointer; } + svg circle.first, svg polygon.first { + fill: #83ad78; + stroke: #fff; } + svg circle.second, svg polygon.second { + fill: #3db5be; + stroke: #fff; } + svg circle.third, svg polygon.third { + fill: #e88744; + stroke: #fff; } + svg circle.fourth, svg polygon.fourth { + fill: #8d2145; stroke: #fff; } svg line { stroke: rgba(255, 255, 255, 0.3); } + svg text.first { + fill: #83ad78; } + svg text.second { + fill: #3db5be; } + svg text.third { + fill: #e88744; } + svg text.fourth { + fill: #8d2145; } svg text.first, svg text.second, svg text.third, svg text.fourth { font-size: 16px; font-weight: bold; } @@ -34,6 +46,11 @@ svg { font-size: 9px; font-style: italic; fill: #fff; } + svg text.blip-name { + font-size: 12px; + font-weight: bold; + fill: #000; + display: none; } svg text.line-text { font-weight: bold; text-transform: uppercase; diff --git a/examples/index.html b/examples/index.html index 43fff19..c7de8b8 100644 --- a/examples/index.html +++ b/examples/index.html @@ -16,8 +16,8 @@