Fixed emoji picker button in Announcements block
This commit is contained in:
parent
bb747eee4b
commit
fed90eb27d
4 changed files with 20 additions and 4 deletions
|
|
@ -6844,10 +6844,14 @@ a:is(.active,
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
}
|
}
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item.active {
|
.app-body .reactions-bar__item.active,
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item__count,
|
.app-body .reactions-bar__item__count,
|
||||||
|
|
|
||||||
|
|
@ -6844,10 +6844,14 @@ a:is(.active,
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
}
|
}
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item.active {
|
.app-body .reactions-bar__item.active,
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item__count,
|
.app-body .reactions-bar__item__count,
|
||||||
|
|
|
||||||
|
|
@ -6844,10 +6844,14 @@ a:is(.active,
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
}
|
}
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item.active {
|
.app-body .reactions-bar__item.active,
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item__count,
|
.app-body .reactions-bar__item__count,
|
||||||
|
|
|
||||||
|
|
@ -6844,10 +6844,14 @@ a:is(.active,
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
}
|
}
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button {
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item.active {
|
.app-body .reactions-bar__item.active,
|
||||||
|
.app-body .reactions-bar .emoji-picker-dropdown .icon-button.active.inverted {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body .reactions-bar__item__count,
|
.app-body .reactions-bar__item__count,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue