From fdf939ee337c0fdcd91e64c23933ad8bfa3e2809 Mon Sep 17 00:00:00 2001
From: Niklan <niklanrus@gmail.com>
Date: Thu, 28 Aug 2025 22:03:56 +0500
Subject: [PATCH] refactor(theme): change footnote styles

---
 .../assets/css/03-component/ui/prose.css      | 22 +++++++++----------
 .../assets/css/03-component/ui/tooltip.css    |  8 +++----
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/app/themes/laszlo/assets/css/03-component/ui/prose.css b/app/themes/laszlo/assets/css/03-component/ui/prose.css
index 1c93baa0..33b91684 100644
--- a/app/themes/laszlo/assets/css/03-component/ui/prose.css
+++ b/app/themes/laszlo/assets/css/03-component/ui/prose.css
@@ -81,24 +81,22 @@
     font-style: italic;
   }
 
-  .prose .footnote-ref,
-  .prose .footnote-backref {
-    --link-color: var(--color-on-tertiary-fixed);
-
-    padding: var(--spacing-1) var(--spacing-2);
-    transition: all ease-in-out 0.1s;
+  .prose .footnote-ref {
     text-decoration: none;
-    border-radius: var(--spacing-4);
-    background-color: var(--color-tertiary-fixed);
-    font: var(--typography-label-small);
 
-    &:hover {
-      --link-color: var(--color-on-tertiary);
+    &::before {
+      content: "[";
+    }
 
-      background-color: var(--color-tertiary);
+    &::after {
+      content: "]";
     }
   }
 
+  .prose .footnote-backref {
+    text-decoration: none;
+  }
+
   .prose .footnotes {
     --link-text-decoration-thickness: 1px;
 
diff --git a/app/themes/laszlo/assets/css/03-component/ui/tooltip.css b/app/themes/laszlo/assets/css/03-component/ui/tooltip.css
index 907b1ffd..dcbcd71b 100644
--- a/app/themes/laszlo/assets/css/03-component/ui/tooltip.css
+++ b/app/themes/laszlo/assets/css/03-component/ui/tooltip.css
@@ -3,15 +3,15 @@
 
   position: absolute;
   width: 100%;
-  max-width: 360px;
+  max-width: 420px;
   padding: var(--spacing-4);
   color: var(--color-on-background);
   border: 1px solid var(--color-outline-variant);
-  border-radius: var(--spacing-1);
+  border-radius: var(--spacing-3);
   background: color-mix(in sRGB, var(--color-background), transparent);
   box-shadow:
-    rgb(0 0 0 / 0.1) 0 20px 25px -5px,
-    rgb(0 0 0 / 0.04) 0 10px 10px -5px;
+    rgb(0 0 0 / 0.08) 0 12px 24px -4px,
+    rgb(0 0 0 / 0.04) 0 8px 16px -4px;
   font: var(--typography-body-medium);
   backdrop-filter: blur(20px);
 }