Skip to content

Commit 909cee9

Browse files
committed
fix: sidebar overflow and blog section improvements
- Add overflow-x: hidden to header to prevent content spill - Reduce robot mascot font size and ASCII art - Change Documentation to Blog section header - Remove broken View all guides link - Show post count instead of broken link
1 parent dbc0ee3 commit 909cee9

2 files changed

Lines changed: 14 additions & 11 deletions

File tree

docs/_layouts/default.html

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
position: fixed;
2121
-webkit-font-smoothing: subpixel-antialiased;
2222
padding-top: 40px;
23+
overflow-x: hidden;
2324
}
2425

2526
section {
@@ -40,11 +41,13 @@
4041
/* Robot mascot styling */
4142
.robot-mascot {
4243
font-family: 'Courier New', monospace;
43-
font-size: 11px;
44-
line-height: 1.4;
44+
font-size: 10px;
45+
line-height: 1.3;
4546
white-space: pre;
4647
margin: 20px 0;
4748
color: #666;
49+
max-width: 100%;
50+
overflow-x: auto;
4851
}
4952

5053
/* View on GitHub button */
@@ -243,12 +246,12 @@
243246
<h1>{{ site.title | default: "null-e" }}</h1>
244247
<p>{{ site.description | default: "The friendly disk cleanup robot for developers" }}</p>
245248

246-
<pre class="robot-mascot"> .---.
247-
|o o|
248-
| ^ |
249-
| === |
250-
`-----'
251-
/| |\</pre>
249+
<pre class="robot-mascot"> .---.
250+
|o o|
251+
| ^ |
252+
| === |
253+
`-----'
254+
/| |\</pre>
252255

253256
<p>
254257
<a href="https://github.com/us/null-e" class="github-button">View on GitHub</a>

docs/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ null-e docker
8787
>
8888
> Like the adorable trash-compacting robot from the movie, null-e tirelessly cleans up your developer junk and sends it where it belongs!
8989
90-
## Documentation
90+
## Blog
9191

9292
{% for post in site.posts limit:10 %}
9393
<div class="blog-item">
@@ -103,6 +103,6 @@ null-e docker
103103
</div>
104104
{% endfor %}
105105

106-
<p style="margin-top: 20px;">
107-
<a href="{{ site.baseurl }}/blog/" style="color: #267CB9; font-weight: 600;">View all {{ site.posts | size }} guides →</a>
106+
<p style="margin-top: 20px; color: #666; font-size: 14px;">
107+
Showing 10 of {{ site.posts | size }} blog posts
108108
</p>

0 commit comments

Comments
 (0)