Skip to content

Commit 0e2d16f

Browse files
authored
Fixed css for property-comparison-table-slider (#191)
Fixed CSS for property-comparison-table-slider: Before: ![image](https://github.com/user-attachments/assets/a59d62f3-9b45-4a6a-aa7d-3da7b0c52ad7) After : ![image](https://github.com/user-attachments/assets/14f98d47-a7a4-4778-8646-c82c2cca96ed)
1 parent 020c2cf commit 0e2d16f

2 files changed

Lines changed: 13 additions & 7 deletions

File tree

.changeset/three-stars-bake.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@itwin/changed-elements-react": patch
3+
---
4+
5+
- Fixed CSS for property comparison table slider

packages/changed-elements-react/src/contentviews/PropertyComparisonTable.scss

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,13 @@
3333
}
3434
}
3535

36-
> .iui-slider-component-container {
36+
> [class*="slider-container"] {
3737
width: 100%;
3838
justify-content: center;
39-
40-
.iui-slider-container {
39+
max-width: 800px;
40+
[class$="-slider"] {
41+
max-width: 100%;
4142
min-width: 200px;
42-
max-width: 600px;
4343
}
4444
}
4545

@@ -58,21 +58,22 @@
5858
/* Override status positive color */
5959
.added-row {
6060
> :first-child {
61-
box-shadow: inset .4rem 0 0 0 var(--iui-color-background-positive-hover);
61+
box-shadow: inset 0.4rem 0 0 0 var(--iui-color-background-positive-hover);
6262
}
6363
}
6464

6565
/* Override status warning color */
6666
.modified-row {
6767
> :first-child {
68-
box-shadow: inset .4rem 0 0 0 var(--iui-color-background-informational-hover);
68+
box-shadow: inset 0.4rem 0 0 0
69+
var(--iui-color-background-informational-hover);
6970
}
7071
}
7172

7273
/* Override status warning color */
7374
.removed-row {
7475
> :first-child {
75-
box-shadow: inset .4rem 0 0 0 var(--iui-color-background-negative-hover);
76+
box-shadow: inset 0.4rem 0 0 0 var(--iui-color-background-negative-hover);
7677
}
7778
}
7879
}

0 commit comments

Comments
 (0)