fix css

2025-06-15 09:11:53 +09:00
parent 41fef444a0
commit 9407449e86
3 changed files with 31 additions and 3 deletions
--- a/my-blog/static/css/style.css
+++ b/my-blog/static/css/style.css
@@ -401,7 +401,7 @@ article.article-content {
 /* Sidebar styles */
 .article-sidebar {
    position: sticky;
-    top: 100px;
+    top: 90px; /* Adjusted for header height + some margin */
    height: fit-content;
 }

@@ -836,11 +836,27 @@ article.article-content {
        padding: 10px !important;
    }
    
+    /* Fix overflow on article pages */
+    article.article-content {
+        overflow-x: hidden !important;
+    }
+    
+    article.article-content #comment-atproto {
+        margin-left: -10px !important;
+        margin-right: -10px !important;
+        width: calc(100% + 20px) !important;
+    }
+    
    /* Hide site title text on mobile */
    .site-title {
        display: none;
    }
    
+    /* Adjust TOC position for mobile header */
+    .article-sidebar {
+        top: 50px !important; /* Mobile header is smaller */
+    }
+    
    /* Left align logo on mobile */
    .logo {
        grid-column: 1;