fix: use explicit 50px column grid for share icons so sidebar always shows 5+4 layout

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index d7d2be09a9436c882ede011ba8de04500288d92d..129495b6552c01ac7300f7cce8afaddd7d3bd91c 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -310,6 +310,12 @@ html.theme-light {
     margin-bottom: 0.5rem;
   }
 
+  .share-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 50px);
+    justify-content: start;
+  }
+
   .btn-share {
     display: inline-flex;
     align-items: center;

diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index f7d346b70e5cb7fe9c9ae5d34aff333c388e5789..0698332b02f94ed66601ad0b2d844217c0186e9e 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1422,6 +1422,12 @@ button,
   margin-bottom: 0.5rem;
 }
 
+.share-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 50px);
+  justify-content: start;
+}
+
 .btn-share {
   display: inline-flex;
   align-items: center;
@@ -1967,10 +1973,6 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
 .flex-col {
   flex-direction: column;
 }

diff --git a/themes/danix-xyz-hacker/layouts/partials/social-share.html b/themes/danix-xyz-hacker/layouts/partials/social-share.html
index c2b54af0f0726db3de789c44011173a7c3f75a06..20977a8e0a8a9a9ad373b9be24a45f6c9185aa41 100644 (file)
--- a/themes/danix-xyz-hacker/layouts/partials/social-share.html
+++ b/themes/danix-xyz-hacker/layouts/partials/social-share.html
@@ -3,7 +3,7 @@
 {{ $url := $page.Permalink | urlquery }}
 {{ $title := $page.Title | urlquery }}
 
-{{ $gridClass := "grid-cols-5 gap-1" }}
+{{ $gridClass := "share-grid gap-1" }}
 {{ if eq $mode "inline" }}
   {{ $gridClass = "flex flex-wrap justify-center gap-1" }}
 {{ end }}