diff --git a/my-blog/static/css/style.css b/my-blog/static/css/style.css index 37f045b..674d891 100644 --- 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; diff --git a/my-blog/templates/oauth-assets.html b/my-blog/templates/oauth-assets.html index c8f851d..422d694 100644 --- a/my-blog/templates/oauth-assets.html +++ b/my-blog/templates/oauth-assets.html @@ -1,3 +1,3 @@ - - \ No newline at end of file + + \ No newline at end of file diff --git a/oauth/src/App.css b/oauth/src/App.css index 78f6382..b53a760 100644 --- a/oauth/src/App.css +++ b/oauth/src/App.css @@ -199,6 +199,18 @@ .comment-header { padding: 10px !important; } + + /* Fix for article pages with padding */ + article.article-content .comment-section, + article.article-content .app { + margin-left: -10px !important; + margin-right: -10px !important; + } + + article.article-content .comments-list, + article.article-content .auth-section { + max-width: 100vw !important; + } } .gacha-section {