From 3159b19c4684203f221214473c464d3a7d19cdbd Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 24 Mar 2025 17:30:35 +0200
Subject: [PATCH] style(next)/floating buttons/backlink counter: improve the
 appearance of the dropdown panel

---
 .../app/widgets/floating_buttons/zpetne_odkazy.ts   |  2 +-
 src/public/stylesheets/theme-next/shell.css         | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts b/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts
index 2de19c5fe..8e4e63346 100644
--- a/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts
+++ b/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts
@@ -61,7 +61,7 @@ const TPL = `
         <span class="backlinks-count"></span>
     </div>
 
-    <div class="backlinks-items" style="display: none;"></div>
+    <div class="backlinks-items dropdown-menu" style="display: none;"></div>
 </div>
 `;
 
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index b7d4563e5..ee99f766d 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1436,7 +1436,7 @@ div.floating-buttons-children .close-floating-buttons:has(.close-floating-button
 
 /* Backlink count */
 
-.floating-buttons .backlinks-ticker {
+.backlinks-widget .backlinks-ticker {
     height: 100%;
     padding: 0 10px;
     border-radius: 0;
@@ -1444,10 +1444,19 @@ div.floating-buttons-children .close-floating-buttons:has(.close-floating-button
     user-select: none;
 }
 
-.floating-buttons .backlinks-widget:hover {
+.backlinks-widget .backlinks-ticker:hover {
     background: var(--floating-button-hover-background);
 }
 
+.backlinks-widget .backlinks-items {
+    --menu-padding-size: 20px;
+}
+
+/* TODO: Restyle the path */
+.backlinks-widget .backlinks-items .note-path {
+    padding-inline-start: 8px;
+}
+
 /* Copy image reference */
 
 .floating-buttons .copy-image-reference-button .hidden-image-copy {