imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Pillify event permalinks (#10392)

Browse source
This commit is contained in:
Michael Weimann 2023-03-21 10:23:20 +01:00 • committed by GitHub
parent d8acdd1750
commit 96d1b74ffc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 742 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -29,6 +29,10 @@ limitations under the License.
color: $accent-fg-color !important; /* To override .markdown-body */
background-color: $pill-bg-color !important; /* To override .markdown-body */
> * {
pointer-events: none;
}
&.mx_UserPill_me,
&.mx_AtRoomPill {
background-color: $alert !important; /* To override .markdown-body */
@ -55,12 +59,17 @@ limitations under the License.
min-width: $font-16px; /* ensure the avatar is not compressed */
}
.mx_Pill_linkText {
white-space: nowrap; /* enforce the pill text to be a single line */
&.mx_EventPill .mx_BaseAvatar {
/* Event pill avatars are inside the text. */
margin-inline-start: 0.2em;
margin-inline-end: 0.2em;
}
.mx_Pill_text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none; /* ensure clicks on the pills go through the anchor */
white-space: nowrap;
}
a& {
@ -69,4 +78,20 @@ limitations under the License.
overflow: hidden;
text-decoration: none !important; /* To override .markdown-body */
}
.mx_Pill_LinkIcon {
background-color: $link-external;
box-sizing: border-box;
color: $background;
height: 16px;
padding: 1px;
width: 16px;
}
.mx_Pill_UserIcon {
box-sizing: border-box;
color: $secondary-content;
height: 16px;
width: 16px;
}
}