Skip to content

Commit 8fd8533

Browse files
authored
fix(AnalyticalTable): fix bottom border position (#8319)
Before (::after pseudo element is scrolled with container): <img width="1186" height="334" alt="image" src="https://github.com/user-attachments/assets/e97b63e8-952b-400c-8ca2-25376482694e" /> Now: <img width="1166" height="337" alt="image" src="https://github.com/user-attachments/assets/77931ec2-e166-42f1-8657-5a23f0c9dbb5" /> Issue was raised in public Slack channel.
1 parent 7e16ae8 commit 8fd8533

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,17 @@
4040
font-size: var(--sapFontSize);
4141
font-weight: normal;
4242
background-color: var(--sapList_Background);
43+
44+
/* bottom border*/
45+
&::after {
46+
content: '';
47+
position: absolute;
48+
inset-block-end: 0;
49+
inset-inline-start: 0;
50+
height: var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth);
51+
width: 100%;
52+
background: var(--sapList_HeaderBorderColor);
53+
}
4354
}
4455

4556
.busyIndicator {
@@ -137,17 +148,6 @@
137148
overflow-y: auto;
138149
scrollbar-width: none;
139150
box-sizing: border-box;
140-
141-
/* bottom border*/
142-
&::after {
143-
content: '';
144-
position: absolute;
145-
inset-block-end: 0;
146-
inset-inline-start: 0;
147-
height: var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth);
148-
width: 100%;
149-
background: var(--sapList_HeaderBorderColor);
150-
}
151151
}
152152

153153
.alternateRowColor {

0 commit comments

Comments
 (0)