Skip to content

Commit 88617c7

Browse files
authored
fix(ui5-illustrated-message): remove unnecessary line-height overrides (#11904)
Remove explicit line-height values from all media query variants (spot, dot, base) and base styles as they were causing text clipping issues and are not specified in the design specifications. Fixes #11851
1 parent 1c3c4f4 commit 88617c7

File tree

1 file changed

+2
-7
lines changed

1 file changed

+2
-7
lines changed

packages/fiori/src/themes/IllustratedMessage.css

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -55,15 +55,13 @@
5555
font-size: var(--sapFontHeader2Size);
5656
font-family: var(--sapFontHeaderFamily);
5757
font-weight: 700;
58-
line-height: 1.3;
5958
max-width: 61.9375rem;
6059
}
6160

6261
.ui5-illustrated-message-subtitle {
6362
text-align: center;
6463
font-size: var(--sapFontLargeSize);
6564
font-family: var(--sapFontFamily);
66-
line-height: 1.4;
6765
color: var(--sapTextColor);
6866
margin-bottom: 0.5rem;
6967
max-width: 61.9375rem;
@@ -108,7 +106,6 @@
108106
:host([media="spot"]) ::slotted([slot="title"]) {
109107
margin-bottom: 0.5rem;
110108
font-size: var(--sapFontHeader4Size);
111-
line-height: 1.25rem;
112109
max-width: 21.5rem;
113110
}
114111

@@ -142,7 +139,6 @@
142139
:host([media="dot"]) ::slotted([slot="title"]) {
143140
margin-bottom: 0.25rem;
144141
font-size: var(--sapFontHeader5Size);
145-
line-height: 1.25rem;
146142
max-width: 12.6875rem;
147143
}
148144

@@ -164,7 +160,6 @@
164160
:host([media="base"]) ::slotted([slot="title"]) {
165161
margin-bottom: 0.25rem;
166162
font-size: var(--sapFontHeader5Size);
167-
line-height: 1.25rem;
168163
max-width: 10rem;
169164
}
170165

@@ -180,8 +175,8 @@
180175
left: -9999px;
181176
}
182177

183-
.sapIllus_BlendModeMultiply {
184-
mix-blend-mode: multiply;
178+
.sapIllus_BlendModeMultiply {
179+
mix-blend-mode: multiply;
185180
}
186181

187182
.sapIllus_MaskTypeAlpha {

0 commit comments

Comments
 (0)