repos/kloeckner.com.ar

Backup of part of my webpage
Commits Files Refs README LICENSE
commit 0f02713a81565bab14602aea3fe4c3904aa71766
parent cfedd76bcfb1fd89534fcde8027157b6548935d5
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date:   Fri, 22 Nov 2024 00:28:53 -0300

code bloks: remove scrollbars and instead break lines

Diffstat:
Mblog/imagemagick-use-case-export-and-process-ltspice-schematics/imagemagick-use-case-export-and-process-ltspice-schematics.md | 7+++----
Mcss/style.css | 6++++--
2 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/blog/imagemagick-use-case-export-and-process-ltspice-schematics/imagemagick-use-case-export-and-process-ltspice-schematics.md b/blog/imagemagick-use-case-export-and-process-ltspice-schematics/imagemagick-use-case-export-and-process-ltspice-schematics.md
@@ -115,8 +115,7 @@ effectively it is a bitmap file.
 
 ```console
 $ file schematic_raw
-schematic_raw: PC bitmap, Windows 3.x format, 1916 x 966 x 32, 3 compression,
-image size 7403424, cbSize 7403490, bits offset 66
+schematic_raw: PC bitmap, Windows 3.x format, 1916 x 966 x 32, 3 compression, image size 7403424, cbSize 7403490, bits offset 66
 ```
 
 The raw schematic image, in bitmap format, looks exactly as shown in the LTSpice
@@ -146,8 +145,8 @@ The final image results as follows
 ![Resulting Image](schematic.png)
 
 ImageMagick can also read from a file, for example if you took a screenshot of
-the schematic, you can process it by specifying the input file name, instead of
-reading from standard input.
+the schematic, you can process it by specifying the file name as input, instead
+of reading from standard input.
 
 ```console
 $ magick schematic_screenshot.png -colorspace grey -trim schematic.png
diff --git a/css/style.css b/css/style.css
@@ -291,16 +291,18 @@ pre {
     font-size: 90%;
     scrollbar-color: var(--pre-border-color);
     scrollbar-width: thin;
+    text-wrap: wrap;
 }
 
 pre code {
     font-size: 1em;
     background-color: inherit;
-    /* background: rgba(0,0,0,0.5); */
     padding: 0;
     margin: 0;
     border-radius: 0;
-    white-space: inherit;
+    word-break: normal;
+    overflow-wrap: normal;
+    white-space: normal;
 }
 
 /* #command { color: #33ff11; } */