1
1
mirror of https://github.com/go-gitea/gitea synced 2025-07-22 18:28:37 +00:00

Forbid deprecated break-word in CSS (#30934)

Forbid
[deprecated](https://drafts.csswg.org/css-text-3/#word-break-property)
`break-word` and fix all occurences.

Regarding `overflow-wrap: break-word` vs `overflow-wrap: anywhere`:

Example of difference: https://jsfiddle.net/silverwind/1va6972r/

[Here](https://stackoverflow.com/questions/77651244) it says:

> The differences between normal, break-word and anywhere are only clear
if you are using width: min-content on the element containing the text,
and you also set a max-width. A pretty rare scenario.

I don't think this difference will make any practical impact as we are
not hitting this rare scenario.
This commit is contained in:
silverwind
2024-05-10 14:25:49 +02:00
committed by GitHub
parent 7424f27cf3
commit 5556782ebe
5 changed files with 5 additions and 7 deletions

View File

@@ -59,7 +59,7 @@
color: var(--color-text);
font-size: 16px;
font-weight: var(--font-weight-semibold);
word-break: break-word;
overflow-wrap: anywhere;
min-width: 0;
}
@@ -74,7 +74,7 @@
flex-wrap: wrap;
gap: .25rem;
color: var(--color-text-light-2);
word-break: break-word;
overflow-wrap: anywhere;
}
.flex-item .flex-item-body a {