Add wrapping behaviour to the fact note.

Issue: When you add long url to the fact note it overflows the container. I resolved it by adding overflow-wrap: break-word to the .wt-facts-table td .wt-fact-notes p
p-litwin · May 20, 2024 · af8a756 · af8a756
1 parent 326ac7e
commit af8a756
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/resources/css/webtrees.css b/resources/css/webtrees.css
@@ -655,6 +655,10 @@ div.fact_SHARED_NOTE {
     border: 1px solid #81a9cb;
 }
 
+.wt-facts-table td .wt-fact-notes p {
+    overflow-wrap: break-word;
+}
+
 .wt-facts-table .wt-sex-f > td {
     background-color: var(--sex-f-bg);
     border: solid #81a9cb thin;