Make share buttons use Bootstrap icons

Author: hlfan

app/assets/images/share_button_icons/bluesky.svg

@@ -17,10 +17,7 @@ $(function () {
 
   if (navigator.share) {
     $("[data-share-type='native']").prop("hidden", false).on("click", function () {
-      navigator.share({
-        text: this.dataset.shareText,
-        url: this.dataset.shareUrl
-      });
+      navigator.share(Object.fromEntries(new URLSearchParams(this.hash.slice(1))));
     });
   }
 });

app/assets/images/share_button_icons/email.svg

@@ -517,6 +517,12 @@ legend {
   @include button-outline-variant($secondary, $color-hover: $white, $active-color: $white);
 }
 
+@each $variant, $color in (bluesky: #1185fe, email: #0971BD, facebook: #3B5998, linkedin: #0077B5, mastodon: #2b90d9, telegram: #54a9eb, x: #000000) {
+  .btn-#{$variant} {
+    @include button-variant($color, $color, $color: $white, $hover-color: $white, $active-color: $white, $disabled-color: $white);
+  }
+}
+
 /* Rules for the search and direction forms */
 
 .directions_form {