1
0
mirror of https://github.com/mattermost/focalboard.git synced 2025-03-03 15:32:14 +02:00

GH-1880 - Updating styling for mention popup (theme compatible) (#1925)

* GH-1880 - Updating styling for mention popup

* Updating styles

* Updating css
This commit is contained in:
Asaad Mahmood 2021-12-06 19:13:38 +05:00 committed by GitHub
parent 487d59b790
commit 408d26a157
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 1 deletions

View File

@ -24,7 +24,6 @@
}
.newcomment {
color: rgba(var(--center-channel-color-rgb), 0.8);
flex-grow: 1;
margin: 4px 0 0 8px;

View File

@ -7,4 +7,40 @@
&--IsNotEditing {
display: none;
}
span[data-testid='mentionText'] {
background: rgba(var(--button-bg-rgb), 0.16);
border-radius: 4px;
color: inherit;
}
}
.DraftEditor-root + div {
background: rgba(var(--center-channel-bg-rgb), 1);
box-shadow: var(--elevation-1);
border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);
border-radius: 4px;
> div {
> div {
height: 40px;
padding: 0 40px 0 20px;
&[aria-selected='true'] {
background: rgba(var(--center-channel-color-rgb), 0.08);
}
&:hover {
background: rgba(var(--center-channel-color-rgb), 0.08);
}
&:active {
background: rgba(var(--button-bg-rgb), 0.08);
}
span {
margin-left: 12px;
}
}
}
}