Fixes to Announcements

This commit is contained in:
Niléane 2023-12-11 01:49:15 +01:00
parent 0b2d2fad0d
commit 2c6cfa9757
No known key found for this signature in database
3 changed files with 36 additions and 9 deletions

View file

@ -4487,15 +4487,21 @@ a:is(.active,
}
.app-body .announcements__item__unread {
color: var(--color-accent);
background-color: var(--color-accent);
}
.app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button {
color: var(--color-content-fg);
}
.app-body .announcements__mastodon {
border-radius: 0 0 0 8px;
}
.app-body .announcements__pagination > * {
vertical-align: middle;
}
.app-body .reactions-bar__item {
background-color: var(--color-accent-bg);
border-radius: 8px;
padding: 2px 8px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
background-color: var(--color-content-bg);
}
.app-body .reactions-bar__item.active {
@ -4503,6 +4509,9 @@ a:is(.active,
}
.app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number {
color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
color: var(--color-content-fg);
}
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {

View file

@ -4486,15 +4486,21 @@ a:is(.active,
}
.app-body .announcements__item__unread {
color: var(--color-accent);
background-color: var(--color-accent);
}
.app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button {
color: var(--color-content-fg);
}
.app-body .announcements__mastodon {
border-radius: 0 0 0 8px;
}
.app-body .announcements__pagination > * {
vertical-align: middle;
}
.app-body .reactions-bar__item {
background-color: var(--color-accent-bg);
border-radius: 8px;
padding: 2px 8px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
background-color: var(--color-content-bg);
}
.app-body .reactions-bar__item.active {
@ -4502,6 +4508,9 @@ a:is(.active,
}
.app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number {
color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
color: var(--color-content-fg);
}
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {

View file

@ -4486,15 +4486,21 @@ a:is(.active,
}
.app-body .announcements__item__unread {
color: var(--color-accent);
background-color: var(--color-accent);
}
.app-body .announcements__pagination,
.app-body .announcements__pagination .icon-button {
color: var(--color-content-fg);
}
.app-body .announcements__mastodon {
border-radius: 0 0 0 8px;
}
.app-body .announcements__pagination > * {
vertical-align: middle;
}
.app-body .reactions-bar__item {
background-color: var(--color-accent-bg);
border-radius: 8px;
padding: 2px 8px;
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
background-color: var(--color-content-bg);
}
.app-body .reactions-bar__item.active {
@ -4502,6 +4508,9 @@ a:is(.active,
}
.app-body .reactions-bar__item__count,
.app-body .reactions-bar__item__count .animated-number {
color: var(--color-accent);
}
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
color: var(--color-content-fg);
}
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {