mirror of
https://github.com/element-hq/element-web
synced 2024-11-26 19:26:04 +03:00
Add decoration to space hierarchy for tiles which have already been j… (#6969)
This commit is contained in:
parent
fabbf6c48a
commit
ead2a5152f
3 changed files with 31 additions and 2 deletions
|
@ -203,7 +203,8 @@ limitations under the License.
|
|||
grid-row: 1;
|
||||
grid-column: 2;
|
||||
|
||||
.mx_InfoTooltip {
|
||||
.mx_InfoTooltip,
|
||||
.mx_SpaceHierarchy_roomTile_joined {
|
||||
display: inline;
|
||||
margin-left: 12px;
|
||||
color: $tertiary-content;
|
||||
|
@ -222,6 +223,25 @@ limitations under the License.
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mx_SpaceHierarchy_roomTile_joined {
|
||||
position: relative;
|
||||
padding-left: 16px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
top: -2px;
|
||||
left: -4px;
|
||||
position: absolute;
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $accent-color;
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mx_SpaceHierarchy_roomTile_info {
|
||||
|
|
|
@ -172,8 +172,15 @@ const Tile: React.FC<ITileProps> = ({
|
|||
description += " · " + topic;
|
||||
}
|
||||
|
||||
let joinedSection;
|
||||
if (joinedRoom) {
|
||||
joinedSection = <div className="mx_SpaceHierarchy_roomTile_joined">
|
||||
{ _t("Joined") }
|
||||
</div>;
|
||||
}
|
||||
|
||||
let suggestedSection;
|
||||
if (suggested) {
|
||||
if (suggested && (!joinedRoom || hasPermissions)) {
|
||||
suggestedSection = <InfoTooltip tooltip={_t("This room is suggested as a good one to join")}>
|
||||
{ _t("Suggested") }
|
||||
</InfoTooltip>;
|
||||
|
@ -183,6 +190,7 @@ const Tile: React.FC<ITileProps> = ({
|
|||
{ avatar }
|
||||
<div className="mx_SpaceHierarchy_roomTile_name">
|
||||
{ name }
|
||||
{ joinedSection }
|
||||
{ suggestedSection }
|
||||
</div>
|
||||
|
||||
|
|
|
@ -2927,6 +2927,7 @@
|
|||
"You have %(count)s unread notifications in a prior version of this room.|other": "You have %(count)s unread notifications in a prior version of this room.",
|
||||
"You have %(count)s unread notifications in a prior version of this room.|one": "You have %(count)s unread notification in a prior version of this room.",
|
||||
"You don't have permission": "You don't have permission",
|
||||
"Joined": "Joined",
|
||||
"This room is suggested as a good one to join": "This room is suggested as a good one to join",
|
||||
"Suggested": "Suggested",
|
||||
"Select a room below first": "Select a room below first",
|
||||
|
|
Loading…
Reference in a new issue