easemob-chat-uikit 2.1.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easemob-chat-uikit",
3
- "version": "2.1.0",
3
+ "version": "2.2.1",
4
4
  "description": "",
5
5
  "main": "ChatUI.umd.js",
6
6
  "type": "module",
@@ -1,10 +1,10 @@
1
1
  $blocklist-prefix-cls: #{$cui-prefix}-blocklist;
2
2
  .#{$blocklist-prefix-cls}{
3
3
  background-color: $chat-bg;;
4
- height: 100%;
5
4
  display: flex;
6
5
  flex-direction: column;
7
-
6
+ height: 100%;
7
+ flex: 1;
8
8
  &-dark{
9
9
  background-color: $gray-1;
10
10
  color: $gray-98;
@@ -12,6 +12,7 @@ $contact-detail-prefix-cls: #{$cui-prefix}-contact-detail;
12
12
  overflow: hidden;
13
13
  color: $gray-1;
14
14
  background-color: $gray-98;
15
+ position: relative;
15
16
  &-content{
16
17
  width: 376px;
17
18
  display: flex;
@@ -10,6 +10,9 @@ $conversation-prefix-cls: #{$cui-prefix}-conversationItem;
10
10
  position: relative;
11
11
  border-radius: $cvs-item-border-radius;
12
12
  margin: $cvs-item-margin;
13
+ user-select: none;
14
+ -webkit-user-select: none;
15
+ -webkit-touch-callout: none;
13
16
  &-selected{
14
17
  background-color: $cvs-item-selected-bg-color !important;
15
18
  .#{$conversation-prefix-cls}-nickname{
@@ -34,8 +37,9 @@ $conversation-prefix-cls: #{$cui-prefix}-conversationItem;
34
37
  max-width: calc(100% - 96px); //136
35
38
  width: 100%;
36
39
  overflow: hidden;
37
- // flex: 1;
38
- // position: relative;
40
+ user-select: none;
41
+ -webkit-user-select: none;
42
+ -webkit-touch-callout: none;
39
43
  }
40
44
 
41
45
  &-info{
@@ -53,6 +53,12 @@ $groupSetting-prefix-cls: #{$cui-prefix}-groupSetting;
53
53
  text-overflow: ellipsis;
54
54
  text-align: center;
55
55
  }
56
+ &-back{
57
+ margin-top: 0 !important;
58
+ display: flex;
59
+ padding-left: 12px;
60
+ flex-direction: row !important;
61
+ }
56
62
  }
57
63
  &-header>div{
58
64
  margin-top: 16px;
@@ -32,6 +32,9 @@ $search-prefix-cls: #{$cui-prefix}-search;
32
32
  &::placeholder{
33
33
  color: #919BA1;
34
34
  }
35
+ @media screen and (max-width: 767.98px) {
36
+ font-size: 16px;
37
+ }
35
38
  }
36
39
  &-icon{
37
40
  position: absolute;
@@ -23,7 +23,7 @@ $status-prefix-cls: #{$cui-prefix}-reaction-box;
23
23
  }
24
24
 
25
25
  .#{$cui-prefix}-reaction-icon{
26
- fill: $gray-6;
26
+ // fill: $gray-6;
27
27
  &:hover {
28
28
  fill: $blue-5;
29
29
  cursor: pointer;
@@ -6,12 +6,21 @@ $text-modify-prefix-cls: #{$cui-prefix}-modify-textarea;
6
6
  .#{$cui-prefix}-message-text-url-container{
7
7
  width: 230px;
8
8
  word-break: break-all;
9
+ user-select: none;
10
+ -webkit-user-select: none;
11
+ -webkit-touch-callout: none;
9
12
 
10
13
  .#{$text-msg-prefix-cls} {
11
14
  word-break: break-all;
15
+ user-select: none;
16
+ -webkit-user-select: none;
17
+ -webkit-touch-callout: none;
12
18
  }
13
19
  }
14
20
  .#{$text-msg-prefix-cls} {
21
+ user-select: none;
22
+ -webkit-user-select: none;
23
+ -webkit-touch-callout: none;
15
24
  font-size: $font-size-lg;
16
25
  line-height: 24px;
17
26
  font-style: normal;
@@ -13,6 +13,9 @@ $user-prefix-cls: #{$cui-prefix}-userItem;
13
13
  // width: 100%;
14
14
  flex: 1;
15
15
  overflow: hidden;
16
+ user-select: none;
17
+ -webkit-user-select: none;
18
+ -webkit-touch-callout: none;
16
19
  &:hover{
17
20
  background: $gray-98;
18
21
  }
@@ -8,6 +8,9 @@ $userSelect-prefix-cls: #{$cui-prefix}-user-select;
8
8
  display: flex;
9
9
  overflow: hidden;
10
10
  height: 544px;
11
+ &-mobile{
12
+ flex-direction: column;
13
+ }
11
14
  &>div:first-child{
12
15
  background-color: $gray-95;
13
16
  overflow-y: auto;