Skip to content

Commit 9e040aa

Browse files
committed
refactor(segment-content, segment-view): update scroll y
1 parent e4eb1b9 commit 9e040aa

File tree

3 files changed

+15
-2
lines changed

3 files changed

+15
-2
lines changed

core/src/components/segment-content/segment-content.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,17 @@
88
flex-shrink: 0;
99

1010
width: 100%;
11+
12+
overflow-y: scroll;
13+
14+
/* Hide scrollbar in Firefox */
15+
scrollbar-width: none;
16+
17+
/* Hide scrollbar in IE and Edge */
18+
-ms-overflow-style: none;
19+
20+
/* Hide scrollbar in webkit */
21+
&::-webkit-scrollbar {
22+
display: none;
23+
}
1124
}

core/src/components/segment-view/segment-view.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
:host {
55
display: flex;
66

7-
min-height: 100%;
7+
height: 100%;
88

99
overflow-x: scroll;
1010
scroll-snap-type: x mandatory;

core/src/components/segment-view/test/disabled/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
<style>
1717
ion-segment-view {
18-
min-height: 100px;
18+
height: 100px;
1919
}
2020

2121
ion-segment-content {

0 commit comments

Comments
 (0)