Add hover to clarify stroke boundaries

This commit is contained in:
Shaunak Kishore
2015-09-10 01:25:58 -04:00
parent 629c058ca8
commit c865a8ff7d
2 changed files with 8 additions and 1 deletions

View File

@ -57,7 +57,8 @@
<path fill="{{base_color}}" stroke="{{base_color}}" d="{{d}}"></path>
{{#if show_strokes}}
{{#each strokes}}
<path fill="{{color}}" stroke="black" d="{{stroke}}"></path>
<path class="stroke" fill="{{color}}"
stroke="black" d="{{stroke}}"></path>
{{/each}}
{{else}}
{{#each bridges}}

View File

@ -54,6 +54,12 @@
margin: 0 auto;
}
#glyph svg g path.stroke:hover {
cursor: pointer;
stroke: red;
stroke-width: 8;
}
#glyph svg g circle:hover, #glyph svg g line:hover {
cursor: pointer;
fill: blue;