update
This commit is contained in:
@@ -20,68 +20,3 @@ export const AvatarPresenceBadge = style({
|
||||
borderRadius: config.radii.Pill,
|
||||
overflow: 'hidden',
|
||||
});
|
||||
|
||||
/**
|
||||
* DM list avatar with flush left presence strip — same approach as message timeline.
|
||||
* Square left corners; ::before is the colored strip with outer radius.
|
||||
*/
|
||||
export const PresenceAvatarFace = style({
|
||||
position: 'relative',
|
||||
flexShrink: 0,
|
||||
// Room for the strip so overflow clipping / parent padding doesn't hide it.
|
||||
marginLeft: '4px',
|
||||
overflow: 'visible',
|
||||
borderTopLeftRadius: '0 !important',
|
||||
borderBottomLeftRadius: '0 !important',
|
||||
'::before': {
|
||||
content: '""',
|
||||
position: 'absolute',
|
||||
left: '-4px',
|
||||
top: 0,
|
||||
height: '100%',
|
||||
width: '4px',
|
||||
borderTopLeftRadius: '5px',
|
||||
borderBottomLeftRadius: '5px',
|
||||
zIndex: 1,
|
||||
backgroundColor: '#454545',
|
||||
},
|
||||
selectors: {
|
||||
'& > *': {
|
||||
borderTopLeftRadius: '0 !important',
|
||||
borderBottomLeftRadius: '0 !important',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const PresenceOnline = style({
|
||||
selectors: {
|
||||
'&::before': {
|
||||
backgroundColor: '#38842b',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const PresenceUnavailable = style({
|
||||
selectors: {
|
||||
'&::before': {
|
||||
backgroundColor: '#959e30',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const PresenceOffline = style({
|
||||
selectors: {
|
||||
'&::before': {
|
||||
backgroundColor: '#454545',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
/** @deprecated aliases kept for older imports */
|
||||
export const PresenceAvatarContainer = PresenceAvatarFace;
|
||||
export const PresenceAvatarRow = PresenceAvatarFace;
|
||||
export const PresenceStrip = style({});
|
||||
export const PresenceStripOnline = PresenceOnline;
|
||||
export const PresenceStripUnavailable = PresenceUnavailable;
|
||||
export const PresenceStripOffline = PresenceOffline;
|
||||
export const PresenceIndicator = style({});
|
||||
|
||||
Reference in New Issue
Block a user