PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Render space pills with square corners to match new avatar (#11632)

Browse source
This commit is contained in:
Germain 2023-09-21 12:04:57 +01:00 committed by GitHub
parent f60ba1c29d
commit 54ec7e696d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
res/css/views/elements/_Pill.pcss
View file

@ -89,4 +89,10 @@ limitations under the License.
height: 16px;
width: 16px;
}
&.mx_SpacePill {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-left: 4px;
}
}

2
src/components/views/elements/Pill.tsx
View file

@ -103,7 +103,7 @@ export const Pill: React.FC<PillProps> = ({ type: propType, url, inMessage, room
const classes = classNames("mx_Pill", {
mx_AtRoomPill: type === PillType.AtRoomMention,
mx_RoomPill: type === PillType.RoomMention,
mx_SpacePill: type === "space",
mx_SpacePill: type === "space" || targetRoom?.isSpaceRoom(),
mx_UserPill: type === PillType.UserMention,
mx_UserPill_me: resourceId === MatrixClientPeg.safeGet().getUserId(),
mx_EventPill: type === PillType.EventInOtherRoom || type === PillType.EventInSameRoom,