From b29368c3e643121675e88276344e8282ed0e1c69 Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Fri, 9 Jan 2026 14:32:28 +0800
Subject: [PATCH] fix(admonition): adjust styles for title-only and
 content-only admonitions

// ignore-for-release
---
 assets/css/_shortcodes/_admonition.scss | 41 ++++++++++++++-----------
 layouts/_partials/init/index.html       |  2 +-
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/assets/css/_shortcodes/_admonition.scss b/assets/css/_shortcodes/_admonition.scss
index d04b427a..f7a39d26 100644
--- a/assets/css/_shortcodes/_admonition.scss
+++ b/assets/css/_shortcodes/_admonition.scss
@@ -4,6 +4,8 @@
   padding: 0 0.75rem;
   border-left: .25rem solid;
   overflow: hidden;
+  background-color: var(#{$rootPrefix}admonition-bg-color);
+  border-left-color: var(#{$rootPrefix}admonition-color);
   @include border-radius($global-border-radius);
 
   .admonition-title {
@@ -26,11 +28,30 @@
     // title-only admonition without content
     &:not(:has(+ .details-content)) {
       #{$rootPrefix}admonition-title-font-weight: normal;
-      padding: 0.75rem 1rem 0.75rem 1.8rem;
+      padding: 0.75rem 1rem 0.75rem 2.2rem;
       border: 0;
+
+      i.icon {
+        left: 1.1rem;
+        font-size: 1rem;
+      }
     }
   }
 
+  > .admonition-title {
+    border-bottom-color: var(#{$rootPrefix}admonition-bg-color);
+    background-color: var(#{$rootPrefix}admonition-bg-color-collapsed);
+    @include transition(all 0.2s ease);
+
+    i.icon {
+      color: var(#{$rootPrefix}admonition-color);
+    }
+  }
+
+  &.open > .admonition-title {
+    background-color: var(#{$rootPrefix}admonition-bg-color);
+  }
+
   .admonition-content {
     padding: 0.5rem 0;
     
@@ -58,22 +79,6 @@
     right: 0.9rem;
     translate: 50% -50%;
   }
-  
-  background-color: var(#{$rootPrefix}admonition-bg-color);
-  border-left-color: var(#{$rootPrefix}admonition-color);
-
-  > .admonition-title {
-    border-bottom-color: var(#{$rootPrefix}admonition-bg-color);
-    background-color: var(#{$rootPrefix}admonition-bg-color-collapsed);
-
-    i.icon {
-      color: var(#{$rootPrefix}admonition-color);
-    }
-  }
-
-  &.open > .admonition-title {
-    background-color: var(#{$rootPrefix}admonition-bg-color);
-  }
 
   // default admonition type is note
   #{$rootPrefix}admonition-color: #{map-get(map-get($admonition-color-map, note), color)};
@@ -97,7 +102,7 @@
 
   // content-only admonition without title
   &:not(:has(.admonition-title)) {
-    border-left: 0;
+    border: 1px solid var(#{$rootPrefix}admonition-bg-color);
 
     .admonition-content {
       padding: 0.75rem 0.25rem;
diff --git a/layouts/_partials/init/index.html b/layouts/_partials/init/index.html
index d5a51b97..2b65eaed 100644
--- a/layouts/_partials/init/index.html
+++ b/layouts/_partials/init/index.html
@@ -1,4 +1,4 @@
-{{- hugo.Store.Set "version" "v0.4.2-20260109042944-8b5315a1" -}}
+{{- hugo.Store.Set "version" "v0.4.2-20260109063229-50d27e0e" -}}
 {{- .Store.Set "this" dict -}}
 
 {{- partial "init/detection-env.html" . -}}