add support for stroke-width in CSS styling

jmatthewpryor · Nov 13, 2021 · ef5f5af · ef5f5af
1 parent 52a8b9d
commit ef5f5af
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,3 +5,4 @@ out
 .env.local
 .history/
 .DS_Store
+.secret
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "star-rating",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A Star Rating widgetfor  Roam!",
   "main": "./build/main.js",
   "scripts": {

diff --git a/src/StarRating.tsx b/src/StarRating.tsx
@@ -12,7 +12,7 @@ function StarIcon({
     className: string;
   }) {
     return (
-      <svg width="100%" height="100%" className={className} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path></svg>
+      <svg width="100%" height="100%" className={className} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path></svg>
     );
   }
 

diff --git a/src/index.ts b/src/index.ts
@@ -13,6 +13,7 @@ addStyle(`
   height: 2em;
   fill: none;
   stroke: black;
+  strokeWidth: 0.5px
 }
 
 .roam-star-rating-star-active {