Merge pull request #2 from w-e-w/badge_style

remove Badge background and ⚠️ ->📏

2 files changed, 6 insertions, 6 deletions

diff --git a/javascript/aspectRatioSliders.js b/javascript/aspectRatioSliders.js
index d9c4f675..3def5158 100644
--- a/javascript/aspectRatioSliders.js
+++ b/javascript/aspectRatioSliders.js
@@ -18,8 +18,8 @@ class AspectRatioSliderController {
         }

         //Adjust badge icon if rounding is on

         if (this.roundingSource.getVal()) {

-            this.roundingIndicatorBadge.classList.add("active");

-            this.roundingIndicatorBadge.innerText = "⚠️";

+            //this.roundingIndicatorBadge.classList.add("active");

+            this.roundingIndicatorBadge.innerText = "📏";

         }

         //Make badge clickable to toggle setting

         this.roundingIndicatorBadge.addEventListener("click", () => {

@@ -28,11 +28,11 @@ class AspectRatioSliderController {
         //Make rounding setting toggle badge text and style if setting changes

         this.roundingSource.child.addEventListener("change", () => {

             if (this.roundingSource.getVal()) {

-                this.roundingIndicatorBadge.classList.add("active");

-                this.roundingIndicatorBadge.innerText = "⚠️";

+                //this.roundingIndicatorBadge.classList.add("active");

+                this.roundingIndicatorBadge.innerText = "📏";

             }

             else {

-                this.roundingIndicatorBadge.classList.remove("active");

+                //this.roundingIndicatorBadge.classList.remove("active");

                 this.roundingIndicatorBadge.innerText = "📐";

             }

             this.adjustStepSize();

diff --git a/style.css b/style.css
index 5b979841..55baefb7 100644
--- a/style.css
+++ b/style.css
@@ -776,7 +776,7 @@ footer {
 .rounding-badge {

   display: inline-block;

   border-radius: 0px;

-  background-color: #ccc;

+  /*background-color: #ccc;*/

   cursor: pointer;

   position: absolute;

   top: -10px;