fix: minor styling update

ColinEberhardt · May 10, 2018 · 3c6c645 · 3c6c645
1 parent e1263a9
commit 3c6c645
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/client/package.json b/client/package.json
@@ -2,7 +2,7 @@
   "name": "applause-button",
   "description":
     "A zero-configuration button for adding applause / claps / kudos to web pages and blog-posts",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/applause-button.js",
   "license": "MIT",
   "devDependencies": {

diff --git a/client/src/style.scss b/client/src/style.scss
@@ -21,14 +21,15 @@
 }
 
 applause-button {
-  .style-root {
-    height: 100%;
-    position: relative;
+  position: relative;
 
+  .style-root {
+    @include position-fill();
+
     &:after {
+      @include position-fill();
       content: " ";
       display: block;
-      @include position-fill();
       border-radius: 50%;
       border: 1px solid gray;
     }
@@ -53,7 +54,9 @@ applause-button {
     fill: none;
     stroke: inherit;
     stroke-width: 2px;
-    overflow: visible;
+    // annoyingly bootstrap has a higher precedence rule that sets overflow to hidden
+    // hence the bang-important
+    overflow: visible !important;
   }
 
   .count {
@@ -65,7 +68,7 @@ applause-button {
     user-select: none;
   }
 
-  .sparkle {
+  g.sparkle {
     circle {
       opacity: 0;
       stroke-width: 0;