From c6d1e8aecf50f2d4e7271eaee0d413b585fd532a Mon Sep 17 00:00:00 2001
From: sixpointcube <sixpointcube@users.noreply.github.com>
Date: Sat, 22 Jun 2024 09:35:49 -0400
Subject: [PATCH] feat: move share buttons

---
 assets/ananke/css/custom.css       | 10 +++-------
 layouts/_default/single.html       |  2 +-
 layouts/partials/social-share.html |  7 ++++---
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/assets/ananke/css/custom.css b/assets/ananke/css/custom.css
index 8fe8b0d..614334d 100644
--- a/assets/ananke/css/custom.css
+++ b/assets/ananke/css/custom.css
@@ -26,7 +26,8 @@
 
 
 .share-buttons {
-    position: fixed;
+    position: sticky;
+    width: 50px;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
@@ -49,11 +50,6 @@
     background-color: #555;
 }
 
-.icon svg {
-    height: 50px;
-    width: 50px
-}
-
 .facebook-share { background-color: #3b5998; }
 .pinterest-share { background-color: #bd081c; }
-.x-share { background-color: #333; }
\ No newline at end of file
+.x-share { background-color: #000000; }
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index dc3cd55..36a8fbf 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -14,7 +14,6 @@
           */}}
         {{ .CurrentSection.Title }}
       </aside>
-      {{ partial "social-share.html" . }}
       <h1 class="f1 athelas mt3 mb1">
         {{- .Title -}}
       </h1>
@@ -62,6 +61,7 @@
     </div>
 
     <aside class="w-30-l mt6-l">
+      {{ partial "social-share.html" . }}
       {{- partial "menu-contextual.html" . -}}
     </aside>
 
diff --git a/layouts/partials/social-share.html b/layouts/partials/social-share.html
index 5f0f232..4ffbdd0 100644
--- a/layouts/partials/social-share.html
+++ b/layouts/partials/social-share.html
@@ -24,12 +24,13 @@
       </a>
     {{ end }}
   </div>  */}}
-  <div id="sharing" class="share-buttons" class="mt3 ananke-socials">
+  <div id="sharing" class="ananke-socials share-buttons">
+    <span class="i">Share!<span>
     {{ range $service :=  $services }}
       {{ $href := index $hrefs .name }}
-      <a href="{{ $href }}" class="share-btn ananke-social-link {{ .name }}-share no-underline" aria-label="share on {{ .label }}">
+      <a href="{{ $href }}" class="share-btn ananke-social-link {{ .name }}-share no-underline" title="Share on {{ .label }}" aria-label="share on {{ .label }}">
       {{ with .icon }}
-        <span class="icon"> {{ . }}</span>
+        <span class="icon">{{ . }}</span>
       {{ end }}
       </a>
     {{ end }}