diff --git a/app/assets/images/outpost-favicon.png b/app/assets/images/outpost-favicon.png new file mode 100644 index 000000000..bec4fee37 Binary files /dev/null and b/app/assets/images/outpost-favicon.png differ diff --git a/app/assets/stylesheets/pages/_notifications.scss b/app/assets/stylesheets/pages/_notifications.scss index 1fc51c9f9..d6a9fa508 100644 --- a/app/assets/stylesheets/pages/_notifications.scss +++ b/app/assets/stylesheets/pages/_notifications.scss @@ -98,6 +98,20 @@ display: block; } + // Full-colour brand chip (e.g. the Outpost flame) instead of a muted line icon. + &__icon--image { + opacity: 1; + } + + &__icon-img { + width: 28px; + height: 28px; + // A square, transparent brand mark (the Outpost flame favicon) — show the + // whole thing so nothing gets clipped. + object-fit: contain; + display: block; + } + &__main { flex: 1 1 auto; display: flex; diff --git a/app/components/notifications/item_component.html.erb b/app/components/notifications/item_component.html.erb index 6d501ea52..d0b680922 100644 --- a/app/components/notifications/item_component.html.erb +++ b/app/components/notifications/item_component.html.erb @@ -3,8 +3,12 @@ (card_data wires the Stimulus controller + click action; links are ignored by the controller). Reading is handled by opening the inbox. %> <%= tag.li class: li_classes, data: card_data do %> -