From c8b51d09af3dcaac3046f7e761119e9d1b7c9e37 Mon Sep 17 00:00:00 2001 From: Pradyun Gedam Date: Sun, 2 Jul 2023 08:58:36 +0100 Subject: [PATCH] Fix how content overflow is handled Instead of overriding it on every element on its own, set up text overflow on the article itself. --- docs/kitchen-sink/really-long.md | 4 ++-- src/furo/assets/styles/_scaffold.sass | 1 + src/furo/assets/styles/content/_api.sass | 4 ---- src/furo/assets/styles/content/_code.sass | 2 -- 4 files changed, 3 insertions(+), 8 deletions(-) diff --git a/docs/kitchen-sink/really-long.md b/docs/kitchen-sink/really-long.md index f8c86ee17..f617da7c6 100644 --- a/docs/kitchen-sink/really-long.md +++ b/docs/kitchen-sink/really-long.md @@ -100,9 +100,9 @@ Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sit temporibus c Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sit temporibus cupiditate in ducimus illum assumenda dolor, dignissimos laboriosam voluptate dolorem dolore eum repellendus minima, nisi sequi? Eveniet, dignissimos asperiores! -## Heading 17 +## Heading_17_is_a_really_long_heading_that_is_not_code_and_should_wrap_when_it_reaches_the_sidebar -Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque sit temporibus cupiditate in ducimus illum assumenda dolor, dignissimos laboriosam voluptate dolorem dolore eum repellendus minima, nisi sequi? Eveniet, dignissimos asperiores! +This_is_a_really_long_sentence_that_is_not_code_and_needs_more_words_and_should_wrap_when_it_reaches_the_sidebar ## Heading 18 diff --git a/src/furo/assets/styles/_scaffold.sass b/src/furo/assets/styles/_scaffold.sass index f37a74981..9a92622e1 100644 --- a/src/furo/assets/styles/_scaffold.sass +++ b/src/furo/assets/styles/_scaffold.sass @@ -47,6 +47,7 @@ body article color: var(--color-content-foreground) background: var(--color-content-background) + overflow-wrap: break-word .page display: flex diff --git a/src/furo/assets/styles/content/_api.sass b/src/furo/assets/styles/content/_api.sass index 78ef80312..c0b23d530 100644 --- a/src/furo/assets/styles/content/_api.sass +++ b/src/furo/assets/styles/content/_api.sass @@ -68,10 +68,6 @@ dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(. font-weight: normal width: 3.5rem - // Break words when they're too long - span.pre - overflow-wrap: anywhere - em.property font-style: normal &:first-child diff --git a/src/furo/assets/styles/content/_code.sass b/src/furo/assets/styles/content/_code.sass index a96419c06..5a1c763f9 100644 --- a/src/furo/assets/styles/content/_code.sass +++ b/src/furo/assets/styles/content/_code.sass @@ -6,8 +6,6 @@ code.literal, .sig-inline font-size: var(--font-size--small--2) padding: 0.1em 0.2em - overflow-wrap: break-word - p & border: 1px solid var(--color-background-border)