aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--_posts/2022-03-21-shell.md3
-rw-r--r--assets/css/jekyll-theme/shell.css18
2 files changed, 20 insertions, 1 deletions
diff --git a/_posts/2022-03-21-shell.md b/_posts/2022-03-21-shell.md
index 340d0b5..d48be62 100644
--- a/_posts/2022-03-21-shell.md
+++ b/_posts/2022-03-21-shell.md
@@ -50,7 +50,8 @@ AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
{% include jekyll-theme/shell.html cmd=cmd1 out=out1 %}
-This is ugly though, so please don't do that.
+This has the potential to look rather ugly due to scrollbars though, so please
+don't do that.
Commands don't necessarily have to have output:
diff --git a/assets/css/jekyll-theme/shell.css b/assets/css/jekyll-theme/shell.css
index 215d610..e68543b 100644
--- a/assets/css/jekyll-theme/shell.css
+++ b/assets/css/jekyll-theme/shell.css
@@ -50,3 +50,21 @@
.shell-out {
border-width: 0 0 thin 0;
}
+
+/* Scrollbars. */
+/* Firefox: */
+.shell * {
+ scrollbar-width: thin;
+ scrollbar-color: #ccc #f0f0f0;
+}
+/* Chrome: */
+.shell *::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+}
+.shell *::-webkit-scrollbar-track {
+ background: #f0f0f0;
+}
+.shell *::-webkit-scrollbar-thumb {
+ background: #ccc;
+}