File tree 2 files changed +42
-0
lines changed
src/v2/styles/ChannelPreview 2 files changed +42
-0
lines changed Original file line number Diff line number Diff line change 25
25
}
26
26
}
27
27
28
+ .str-chat__channel-preview-container {
29
+ position : relative ;
30
+
31
+ .str-chat__channel-preview__action-buttons {
32
+ position : absolute ;
33
+ right : var (--str-chat__spacing-2 );
34
+ bottom : var (--str-chat__spacing-3 );
35
+ display : flex ;
36
+ flex-direction : row ;
37
+ align-items : center ;
38
+ gap : 1px ;
39
+
40
+ .str-chat__channel-preview__action-button {
41
+
42
+ --str-chat-icon-height : 13px ;
43
+ cursor : pointer ;
44
+ padding-block : 2px ;
45
+ padding-inline : 4px ;
46
+ }
47
+ }
48
+ }
49
+
28
50
.str-chat__channel-preview {
29
51
@include channel-preview-layout ;
30
52
cursor : pointer ;
78
100
p {
79
101
@include utils .ellipsis-text ;
80
102
margin : 0 ;
103
+ // 40px is the width of the two action buttons
104
+ max-width : calc (100% - 40px );
81
105
}
82
106
}
83
107
}
Original file line number Diff line number Diff line change 64
64
--str-chat__channel-preview-message-time-color : var (--str-chat__message-secondary-color );
65
65
}
66
66
67
+ .str-chat__channel-preview-container {
68
+ .str-chat__channel-preview__action-buttons {
69
+ .str-chat__channel-preview__action-button {
70
+ --str-chat-icon-color : var (--str-chat__text-low-emphasis-color );
71
+ border : none ;
72
+ background-color : transparent ;
73
+ }
74
+
75
+ .str-chat__channel-preview__action-button--pin.str-chat__channel-preview__action-button--active {
76
+ --str-chat-icon-color : var (--str-chat__unread-badge-color );
77
+ }
78
+
79
+ .str-chat__channel-preview__action-button--archive.str-chat__channel-preview__action-button--active {
80
+ --str-chat-icon-color : var (--str-chat__text-color );
81
+ }
82
+ }
83
+ }
84
+
67
85
.str-chat__channel-preview {
68
86
@include utils .component-layer-overrides (' channel-preview' );
69
87
You can’t perform that action at this time.
0 commit comments