From d1c0c98eeb08070e91dabddd7b1cb38235fd6f02 Mon Sep 17 00:00:00 2001 From: "Victor F. Santos" Date: Mon, 7 Oct 2024 15:55:47 -0300 Subject: [PATCH] fix: add line break for long words, like variable names (#256) ## Why? On Docs/SDK/Overview, there is a layout break from long unique words like variables that can be greater than the device width. This PR fixes this by forcing line break on word level. Before: image After: image ## Tickets? - [PLAT-1585](https://linear.app/fleekxyz/issue/PLAT-1585/docs-add-line-break-for-long-words-like-variables-so-the-layout-wont) ## Contribution checklist? - [x] The commit messages are detailed - [x] The `build` command runs locally - [ ] Assets or static content are linked and stored in the project - [ ] Document filename is named after the slug - [ ] You've reviewed spelling using a grammar checker - [ ] For documentation, guides or references, you've tested the commands and steps - [ ] You've done enough research before writing ## Security checklist? - [ ] Sensitive data has been identified and is being protected properly - [ ] Injection has been prevented (parameterized queries, no eval or system calls) - [ ] The Components are escaping output (to prevent XSS) ## References? Optionally, provide references such as links ## Preview? Optionally, provide the preview url here --- src/styles/docPage.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/docPage.css b/src/styles/docPage.css index 8755bfc6..fe53ba27 100644 --- a/src/styles/docPage.css +++ b/src/styles/docPage.css @@ -10,7 +10,7 @@ h2, h3, h4 { - @apply py-10 font-sans font-semibold leading-30 lg:leading-40; + @apply break-words py-10 font-sans font-semibold leading-40; } h1 {