Improve text overflow handling in articles

Updated CSS to include word-wrapping rules and adjusted the article template to apply these styles to content rows, ensuring better handling of long strings without space characters and improving the readability of articles with unusual text content. No layout disruption expected.
This commit is contained in:
Kumi 2024-01-17 19:11:43 +01:00
parent 6762004c50
commit 9f117f5ccc
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 6 additions and 1 deletions

View file

@ -200,3 +200,8 @@ header {
.go_here_link:hover { .go_here_link:hover {
color: black; color: black;
} }
.wrap {
word-wrap: break-word;
overflow-wrap: break-word;
}

View file

@ -14,7 +14,7 @@
<div class="container"> <div class="container">
{% for step in steps %} {% for step in steps %}
<div class="row"> <div class="row wrap">
<h2>{{ step.title }}</h2> <h2>{{ step.title }}</h2>
<div class="step-imgs"> <div class="step-imgs">
{% for step_img in step.imgs %} {% for step_img in step.imgs %}