From edcdec16fa02e71b87095f64d606c42d6ec9c176 Mon Sep 17 00:00:00 2001 From: Tommaso Menga Date: Mon, 25 Nov 2024 15:08:06 +0100 Subject: [PATCH] style(sbb-dialog, sbb-link): removed `break-word` css rule (#3231) BREAKING CHANGE: Removed the `word-break: break-word;` CSS rule from lyne components. They will follow the default [break rules](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break). Impacted components are: `sbb-dialog-content`, `sbb-link` and variants; --- src/elements/dialog/dialog-title/dialog-title.scss | 1 + src/elements/dialog/dialog/dialog.scss | 1 - src/elements/link/common/link.scss | 1 - 3 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/elements/dialog/dialog-title/dialog-title.scss b/src/elements/dialog/dialog-title/dialog-title.scss index 3b20d50edb..1be8664116 100644 --- a/src/elements/dialog/dialog-title/dialog-title.scss +++ b/src/elements/dialog/dialog-title/dialog-title.scss @@ -14,6 +14,7 @@ flex: 1; overflow: hidden; align-self: center; + hyphens: auto; // Overwrite sbb-title default margin margin: 0; diff --git a/src/elements/dialog/dialog/dialog.scss b/src/elements/dialog/dialog/dialog.scss index 24fc1965d1..ed5992802b 100644 --- a/src/elements/dialog/dialog/dialog.scss +++ b/src/elements/dialog/dialog/dialog.scss @@ -158,7 +158,6 @@ max-height: var(--sbb-dialog-max-height); outline: none; position: fixed; - word-break: break-word; @include sbb.mq($from: medium) { position: sticky; diff --git a/src/elements/link/common/link.scss b/src/elements/link/common/link.scss index e357e87874..46055ce657 100644 --- a/src/elements/link/common/link.scss +++ b/src/elements/link/common/link.scss @@ -21,7 +21,6 @@ $disabled: '[disabled], :disabled, [disabled-interactive]'; & { display: flex; align-items: center; - word-break: break-word; width: 100%; cursor: pointer; padding: var(--sbb-link-padding, 0);