Skip to content

Commit 315e7e4

Browse files
author
Sravan S
authored
fix: Vertical scroll on labels in OpenChannelList(#632)
Fixes: https://sendbird.atlassian.net/browse/QM-2107
1 parent 563396b commit 315e7e4

File tree

1 file changed

+11
-3
lines changed
  • src/modules/OpenChannelList/components/OpenChannelPreview

1 file changed

+11
-3
lines changed

src/modules/OpenChannelList/components/OpenChannelPreview/index.scss

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
display: inline-flex;
6060
flex-direction: column;
6161

62-
max-width: 178px;
62+
width: calc(100% - 100px);
6363
box-sizing: border-box;
6464

6565
.sendbird-open-channel-preview__context__title {
@@ -76,8 +76,10 @@
7676
position: relative;
7777
display: inline-block;
7878

79-
max-width: 100%;
80-
height: 100%;
79+
width: 100%;
80+
white-space: nowrap;
81+
overflow: hidden;
82+
text-overflow: ellipsis;
8183
&.frozen {
8284
max-width: calc(100% - 20px);
8385
}
@@ -86,6 +88,9 @@
8688
overflow-x: hidden;
8789
text-overflow: ellipsis;
8890
word-break: keep-all;
91+
@include mobile() {
92+
overflow-y: hidden;
93+
}
8994
}
9095

9196
.sendbird-open-channel-preview__context__title__frozen {
@@ -126,6 +131,9 @@
126131
overflow-x: hidden;
127132
text-overflow: ellipsis;
128133
word-break: keep-all;
134+
@include mobile() {
135+
overflow-y: hidden;
136+
}
129137
}
130138
}
131139
}

0 commit comments

Comments
 (0)