javascript/makemeahanzi
1
0
Fork 0
mirror of https://github.com/skishore/makemeahanzi.git synced 2025-11-03 05:48:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add hover to clarify stroke boundaries

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
client/index.html
View File

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

6
client/style.css
View File

@ -54,6 +54,12 @@
margin: 0 auto; 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 { #glyph svg g circle:hover, #glyph svg g line:hover {
cursor: pointer; cursor: pointer;
fill: blue; fill: blue;