update
This commit is contained in:
@@ -20,68 +20,3 @@ export const AvatarPresenceBadge = style({
|
|||||||
borderRadius: config.radii.Pill,
|
borderRadius: config.radii.Pill,
|
||||||
overflow: 'hidden',
|
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