Skip to content

Commit

Permalink
style(sbb-dialog, sbb-link): removed break-word css rule (#3231)
Browse files Browse the repository at this point in the history
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;
  • Loading branch information
TomMenga authored Nov 25, 2024
1 parent bef5127 commit edcdec1
Show file tree
Hide file tree
Showing 3 changed files with 1 addition and 2 deletions.
1 change: 1 addition & 0 deletions src/elements/dialog/dialog-title/dialog-title.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
flex: 1;
overflow: hidden;
align-self: center;
hyphens: auto;

// Overwrite sbb-title default margin
margin: 0;
Expand Down
1 change: 0 additions & 1 deletion src/elements/dialog/dialog/dialog.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
1 change: 0 additions & 1 deletion src/elements/link/common/link.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down

0 comments on commit edcdec1

Please sign in to comment.