Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

60%
+1 −0
Q&A Logo shrinks from blue notification circle

Related bug (not sure if solution will be related): Logo becomes tiny in mobile landscape mode and narrow desktop windows On mobile, the community logo can shrink when a blue notification c...

0 answers  ·  posted 2y ago by trichoplax‭  ·  edited 2y ago by trichoplax‭

#4: Post edited by user avatar trichoplax‭ · 2023-01-19T06:56:48Z (almost 2 years ago)
Mention Firefox and Chrome on Android
  • Related bug (not sure if solution will be related):
  • - [Logo becomes tiny in mobile landscape mode and narrow desktop windows](https://meta.codidact.com/posts/287549)
  • ---
  • On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.
  • ## Full size logo
  • ![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)
  • ## Shrunk logo next to blue circle
  • ![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)
  • ## Other communities
  • All the other communities seem to be affected similarly.
  • The user's reputation on a given community also seems to affect the position of the user avatar and notifications icon. This doesn't seem like a bug, necessarily, but may need more thought over time as users get higher reputations.
  • <details><summary>How all the other communities look (click to expand)</summary><table><tr><td>
  • ![Writing logo](https://meta.codidact.com/uploads/h5lpk1uthn9zzx6d7gmfdm7l9ll9)
  • </td><td>
  • ![Writing logo with blue circle](https://meta.codidact.com/uploads/6ifwvtw8qrlumj6d7yeuwuz16eet)
  • </td></tr><tr><td>
  • ![Outdoors logo](https://meta.codidact.com/uploads/izr8ist4mkgmx2okz43uv93hqaav)
  • </td><td>
  • ![Outdoors logo with blue circle](https://meta.codidact.com/uploads/xjhdweiswjj49grz9781n9i9mdkx)
  • </td></tr><tr><td>
  • ![Photography logo](https://meta.codidact.com/uploads/qj6t1o0kj6lr7phebt5ky6j5h1g2)
  • </td><td>
  • ![Photography logo with blue circle](https://meta.codidact.com/uploads/jauaz08lzzclwucmz6qmctsibbfq)
  • </td></tr><tr><td>
  • ![Scientific Speculation logo](https://meta.codidact.com/uploads/chxlu83rjvt1csoltj6ws0odj5py)
  • </td><td>
  • ![Scientific Speculation logo with blue circle](https://meta.codidact.com/uploads/nuv981wskh53esympkh5ur4w2oda)
  • </td></tr><tr><td>
  • ![Cooking logo](https://meta.codidact.com/uploads/2c0h18wkinylc4m4iguj3t5dietl)
  • </td><td>
  • ![Cooking logo with blue circle](https://meta.codidact.com/uploads/y3phec4rslcezx42agv5sb9r1pqs)
  • </td></tr><tr><td>
  • ![Electrical Engineering logo](https://meta.codidact.com/uploads/n7kvecgb55f70ady1j7hy6nfdwa1)
  • </td><td>
  • ![Electrical Engineering logo with blue circle](https://meta.codidact.com/uploads/k20t0pw5zduumbafngm22d8n527t)
  • </td></tr><tr><td>
  • ![Judaism logo](https://meta.codidact.com/uploads/4524pu86qk5dp0y9ggynyd5vpqg0)
  • </td><td>
  • ![Judaism logo with blue circle](https://meta.codidact.com/uploads/auo6ex5zhnihezcwy212le04rv76)
  • </td></tr><tr><td>
  • ![Linguistics logo](https://meta.codidact.com/uploads/ahxrulsdh3h9f7qm9lzyo95z0dv6)
  • </td><td>
  • ![Linguistics logo with blue circle](https://meta.codidact.com/uploads/k55z2iegaoe56kl5ksbprs0crlq0)
  • </td></tr><tr><td>
  • ![Software logo](https://meta.codidact.com/uploads/dyg19urcghe3tg4lqx6zotcywu5m)
  • </td><td>
  • ![Software logo with blue circle](https://meta.codidact.com/uploads/ztudmk2zt4kq2gw713hl20fkrmoj)
  • </td></tr><tr><td>
  • ![Mathematics logo](https://meta.codidact.com/uploads/1gijss1ii9sxi8qjgc50yx0qarnk)
  • </td><td>
  • ![Mathematics logo with blue circle](https://meta.codidact.com/uploads/pe1t6qu0k61glp1xyx0mget51es4)
  • </td></tr><tr><td>
  • ![Christianity logo](https://meta.codidact.com/uploads/rh3k40nc5r1e613jdk2v07g91cme)
  • </td><td>
  • ![Christianity logo with blue circle](https://meta.codidact.com/uploads/w5txjb2ntt7rrhpsz31c3t7oy97w)
  • </td></tr><tr><td>
  • ![Code Golf logo](https://meta.codidact.com/uploads/muun0tt0mlly3sksek2sxzbhuvu2)
  • </td><td>
  • ![Code Golf logo with blue circle](https://meta.codidact.com/uploads/tikqdiscp8oapm762ru2qe1dly2k)
  • </td></tr><tr><td>
  • ![Music logo](https://meta.codidact.com/uploads/q8k6yqdsbp6wg7nv1xs1luyspotd)
  • </td><td>
  • ![Music logo with blue circle](https://meta.codidact.com/uploads/3wfh0icdky9mrn06029skqyws4pm)
  • </td></tr><tr><td>
  • ![Physics logo](https://meta.codidact.com/uploads/jcx1ur5cfn7tjl9qd3j1p5flwy1s)
  • </td><td>
  • ![Physics logo with blue circle](https://meta.codidact.com/uploads/klbf0jp8z6zluqpmt30meqo0yftu)
  • </td></tr><tr><td>
  • ![Linux logo](https://meta.codidact.com/uploads/exj28lwg4fx45jbgrtqjazvdv39p)
  • </td><td>
  • ![Linux logo with blue circle](https://meta.codidact.com/uploads/gg14zkdgp77vu9yja2b9yb6l3rp2)
  • </td></tr><tr><td>
  • ![Power Users logo](https://meta.codidact.com/uploads/tmsnreakpnrmd9q62bzdmocdsz0b)
  • </td><td>
  • ![Power Users logo with blue circle](https://meta.codidact.com/uploads/qplr8u4wlnbtwesmkim03pnzg4va)
  • </td></tr><tr><td>
  • ![RPGs logo](https://meta.codidact.com/uploads/cxbwuwbc0v3v9bmrtt2apjdej1yk)
  • </td><td>
  • ![RPGs logo with blue circle](https://meta.codidact.com/uploads/63l77h1x32wra3f8rcqbr5ktq9yq)
  • </td></tr><tr><td>
  • ![Collab logo](https://meta.codidact.com/uploads/tk557gejky8j3362k5ow1tt6rjvl)
  • </td><td>
  • ![Collab logo with blue circle](https://meta.codidact.com/uploads/ni50gv58vflg3wd1on1yv7grkzch)
  • </td></tr></table></details>
  • Related bug (not sure if solution will be related):
  • - [Logo becomes tiny in mobile landscape mode and narrow desktop windows](https://meta.codidact.com/posts/287549)
  • ---
  • On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.
  • I'm seeing this on Firefox on Android, and [Monica's comment](https://meta.codidact.com/comments/thread/7140#comment-19145) confirms this can be reproduced on Chrome on Android.
  • ## Full size logo
  • ![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)
  • ## Shrunk logo next to blue circle
  • ![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)
  • ## Other communities
  • All the other communities seem to be affected similarly.
  • The user's reputation on a given community also seems to affect the position of the user avatar and notifications icon. This doesn't seem like a bug, necessarily, but may need more thought over time as users get higher reputations.
  • <details><summary>How all the other communities look (click to expand)</summary><table><tr><td>
  • ![Writing logo](https://meta.codidact.com/uploads/h5lpk1uthn9zzx6d7gmfdm7l9ll9)
  • </td><td>
  • ![Writing logo with blue circle](https://meta.codidact.com/uploads/6ifwvtw8qrlumj6d7yeuwuz16eet)
  • </td></tr><tr><td>
  • ![Outdoors logo](https://meta.codidact.com/uploads/izr8ist4mkgmx2okz43uv93hqaav)
  • </td><td>
  • ![Outdoors logo with blue circle](https://meta.codidact.com/uploads/xjhdweiswjj49grz9781n9i9mdkx)
  • </td></tr><tr><td>
  • ![Photography logo](https://meta.codidact.com/uploads/qj6t1o0kj6lr7phebt5ky6j5h1g2)
  • </td><td>
  • ![Photography logo with blue circle](https://meta.codidact.com/uploads/jauaz08lzzclwucmz6qmctsibbfq)
  • </td></tr><tr><td>
  • ![Scientific Speculation logo](https://meta.codidact.com/uploads/chxlu83rjvt1csoltj6ws0odj5py)
  • </td><td>
  • ![Scientific Speculation logo with blue circle](https://meta.codidact.com/uploads/nuv981wskh53esympkh5ur4w2oda)
  • </td></tr><tr><td>
  • ![Cooking logo](https://meta.codidact.com/uploads/2c0h18wkinylc4m4iguj3t5dietl)
  • </td><td>
  • ![Cooking logo with blue circle](https://meta.codidact.com/uploads/y3phec4rslcezx42agv5sb9r1pqs)
  • </td></tr><tr><td>
  • ![Electrical Engineering logo](https://meta.codidact.com/uploads/n7kvecgb55f70ady1j7hy6nfdwa1)
  • </td><td>
  • ![Electrical Engineering logo with blue circle](https://meta.codidact.com/uploads/k20t0pw5zduumbafngm22d8n527t)
  • </td></tr><tr><td>
  • ![Judaism logo](https://meta.codidact.com/uploads/4524pu86qk5dp0y9ggynyd5vpqg0)
  • </td><td>
  • ![Judaism logo with blue circle](https://meta.codidact.com/uploads/auo6ex5zhnihezcwy212le04rv76)
  • </td></tr><tr><td>
  • ![Linguistics logo](https://meta.codidact.com/uploads/ahxrulsdh3h9f7qm9lzyo95z0dv6)
  • </td><td>
  • ![Linguistics logo with blue circle](https://meta.codidact.com/uploads/k55z2iegaoe56kl5ksbprs0crlq0)
  • </td></tr><tr><td>
  • ![Software logo](https://meta.codidact.com/uploads/dyg19urcghe3tg4lqx6zotcywu5m)
  • </td><td>
  • ![Software logo with blue circle](https://meta.codidact.com/uploads/ztudmk2zt4kq2gw713hl20fkrmoj)
  • </td></tr><tr><td>
  • ![Mathematics logo](https://meta.codidact.com/uploads/1gijss1ii9sxi8qjgc50yx0qarnk)
  • </td><td>
  • ![Mathematics logo with blue circle](https://meta.codidact.com/uploads/pe1t6qu0k61glp1xyx0mget51es4)
  • </td></tr><tr><td>
  • ![Christianity logo](https://meta.codidact.com/uploads/rh3k40nc5r1e613jdk2v07g91cme)
  • </td><td>
  • ![Christianity logo with blue circle](https://meta.codidact.com/uploads/w5txjb2ntt7rrhpsz31c3t7oy97w)
  • </td></tr><tr><td>
  • ![Code Golf logo](https://meta.codidact.com/uploads/muun0tt0mlly3sksek2sxzbhuvu2)
  • </td><td>
  • ![Code Golf logo with blue circle](https://meta.codidact.com/uploads/tikqdiscp8oapm762ru2qe1dly2k)
  • </td></tr><tr><td>
  • ![Music logo](https://meta.codidact.com/uploads/q8k6yqdsbp6wg7nv1xs1luyspotd)
  • </td><td>
  • ![Music logo with blue circle](https://meta.codidact.com/uploads/3wfh0icdky9mrn06029skqyws4pm)
  • </td></tr><tr><td>
  • ![Physics logo](https://meta.codidact.com/uploads/jcx1ur5cfn7tjl9qd3j1p5flwy1s)
  • </td><td>
  • ![Physics logo with blue circle](https://meta.codidact.com/uploads/klbf0jp8z6zluqpmt30meqo0yftu)
  • </td></tr><tr><td>
  • ![Linux logo](https://meta.codidact.com/uploads/exj28lwg4fx45jbgrtqjazvdv39p)
  • </td><td>
  • ![Linux logo with blue circle](https://meta.codidact.com/uploads/gg14zkdgp77vu9yja2b9yb6l3rp2)
  • </td></tr><tr><td>
  • ![Power Users logo](https://meta.codidact.com/uploads/tmsnreakpnrmd9q62bzdmocdsz0b)
  • </td><td>
  • ![Power Users logo with blue circle](https://meta.codidact.com/uploads/qplr8u4wlnbtwesmkim03pnzg4va)
  • </td></tr><tr><td>
  • ![RPGs logo](https://meta.codidact.com/uploads/cxbwuwbc0v3v9bmrtt2apjdej1yk)
  • </td><td>
  • ![RPGs logo with blue circle](https://meta.codidact.com/uploads/63l77h1x32wra3f8rcqbr5ktq9yq)
  • </td></tr><tr><td>
  • ![Collab logo](https://meta.codidact.com/uploads/tk557gejky8j3362k5ow1tt6rjvl)
  • </td><td>
  • ![Collab logo with blue circle](https://meta.codidact.com/uploads/ni50gv58vflg3wd1on1yv7grkzch)
  • </td></tr></table></details>
#3: Post edited by user avatar trichoplax‭ · 2023-01-19T06:38:51Z (almost 2 years ago)
Make link to related bug human readable
  • Related bug (not sure if solution will be related):
  • - https://meta.codidact.com/posts/287549
  • ---
  • On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.
  • ## Full size logo
  • ![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)
  • ## Shrunk logo next to blue circle
  • ![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)
  • ## Other communities
  • All the other communities seem to be affected similarly.
  • The user's reputation on a given community also seems to affect the position of the user avatar and notifications icon. This doesn't seem like a bug, necessarily, but may need more thought over time as users get higher reputations.
  • <details><summary>How all the other communities look (click to expand)</summary><table><tr><td>
  • ![Writing logo](https://meta.codidact.com/uploads/h5lpk1uthn9zzx6d7gmfdm7l9ll9)
  • </td><td>
  • ![Writing logo with blue circle](https://meta.codidact.com/uploads/6ifwvtw8qrlumj6d7yeuwuz16eet)
  • </td></tr><tr><td>
  • ![Outdoors logo](https://meta.codidact.com/uploads/izr8ist4mkgmx2okz43uv93hqaav)
  • </td><td>
  • ![Outdoors logo with blue circle](https://meta.codidact.com/uploads/xjhdweiswjj49grz9781n9i9mdkx)
  • </td></tr><tr><td>
  • ![Photography logo](https://meta.codidact.com/uploads/qj6t1o0kj6lr7phebt5ky6j5h1g2)
  • </td><td>
  • ![Photography logo with blue circle](https://meta.codidact.com/uploads/jauaz08lzzclwucmz6qmctsibbfq)
  • </td></tr><tr><td>
  • ![Scientific Speculation logo](https://meta.codidact.com/uploads/chxlu83rjvt1csoltj6ws0odj5py)
  • </td><td>
  • ![Scientific Speculation logo with blue circle](https://meta.codidact.com/uploads/nuv981wskh53esympkh5ur4w2oda)
  • </td></tr><tr><td>
  • ![Cooking logo](https://meta.codidact.com/uploads/2c0h18wkinylc4m4iguj3t5dietl)
  • </td><td>
  • ![Cooking logo with blue circle](https://meta.codidact.com/uploads/y3phec4rslcezx42agv5sb9r1pqs)
  • </td></tr><tr><td>
  • ![Electrical Engineering logo](https://meta.codidact.com/uploads/n7kvecgb55f70ady1j7hy6nfdwa1)
  • </td><td>
  • ![Electrical Engineering logo with blue circle](https://meta.codidact.com/uploads/k20t0pw5zduumbafngm22d8n527t)
  • </td></tr><tr><td>
  • ![Judaism logo](https://meta.codidact.com/uploads/4524pu86qk5dp0y9ggynyd5vpqg0)
  • </td><td>
  • ![Judaism logo with blue circle](https://meta.codidact.com/uploads/auo6ex5zhnihezcwy212le04rv76)
  • </td></tr><tr><td>
  • ![Linguistics logo](https://meta.codidact.com/uploads/ahxrulsdh3h9f7qm9lzyo95z0dv6)
  • </td><td>
  • ![Linguistics logo with blue circle](https://meta.codidact.com/uploads/k55z2iegaoe56kl5ksbprs0crlq0)
  • </td></tr><tr><td>
  • ![Software logo](https://meta.codidact.com/uploads/dyg19urcghe3tg4lqx6zotcywu5m)
  • </td><td>
  • ![Software logo with blue circle](https://meta.codidact.com/uploads/ztudmk2zt4kq2gw713hl20fkrmoj)
  • </td></tr><tr><td>
  • ![Mathematics logo](https://meta.codidact.com/uploads/1gijss1ii9sxi8qjgc50yx0qarnk)
  • </td><td>
  • ![Mathematics logo with blue circle](https://meta.codidact.com/uploads/pe1t6qu0k61glp1xyx0mget51es4)
  • </td></tr><tr><td>
  • ![Christianity logo](https://meta.codidact.com/uploads/rh3k40nc5r1e613jdk2v07g91cme)
  • </td><td>
  • ![Christianity logo with blue circle](https://meta.codidact.com/uploads/w5txjb2ntt7rrhpsz31c3t7oy97w)
  • </td></tr><tr><td>
  • ![Code Golf logo](https://meta.codidact.com/uploads/muun0tt0mlly3sksek2sxzbhuvu2)
  • </td><td>
  • ![Code Golf logo with blue circle](https://meta.codidact.com/uploads/tikqdiscp8oapm762ru2qe1dly2k)
  • </td></tr><tr><td>
  • ![Music logo](https://meta.codidact.com/uploads/q8k6yqdsbp6wg7nv1xs1luyspotd)
  • </td><td>
  • ![Music logo with blue circle](https://meta.codidact.com/uploads/3wfh0icdky9mrn06029skqyws4pm)
  • </td></tr><tr><td>
  • ![Physics logo](https://meta.codidact.com/uploads/jcx1ur5cfn7tjl9qd3j1p5flwy1s)
  • </td><td>
  • ![Physics logo with blue circle](https://meta.codidact.com/uploads/klbf0jp8z6zluqpmt30meqo0yftu)
  • </td></tr><tr><td>
  • ![Linux logo](https://meta.codidact.com/uploads/exj28lwg4fx45jbgrtqjazvdv39p)
  • </td><td>
  • ![Linux logo with blue circle](https://meta.codidact.com/uploads/gg14zkdgp77vu9yja2b9yb6l3rp2)
  • </td></tr><tr><td>
  • ![Power Users logo](https://meta.codidact.com/uploads/tmsnreakpnrmd9q62bzdmocdsz0b)
  • </td><td>
  • ![Power Users logo with blue circle](https://meta.codidact.com/uploads/qplr8u4wlnbtwesmkim03pnzg4va)
  • </td></tr><tr><td>
  • ![RPGs logo](https://meta.codidact.com/uploads/cxbwuwbc0v3v9bmrtt2apjdej1yk)
  • </td><td>
  • ![RPGs logo with blue circle](https://meta.codidact.com/uploads/63l77h1x32wra3f8rcqbr5ktq9yq)
  • </td></tr><tr><td>
  • ![Collab logo](https://meta.codidact.com/uploads/tk557gejky8j3362k5ow1tt6rjvl)
  • </td><td>
  • ![Collab logo with blue circle](https://meta.codidact.com/uploads/ni50gv58vflg3wd1on1yv7grkzch)
  • </td></tr></table></details>
  • Related bug (not sure if solution will be related):
  • - [Logo becomes tiny in mobile landscape mode and narrow desktop windows](https://meta.codidact.com/posts/287549)
  • ---
  • On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.
  • ## Full size logo
  • ![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)
  • ## Shrunk logo next to blue circle
  • ![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)
  • ## Other communities
  • All the other communities seem to be affected similarly.
  • The user's reputation on a given community also seems to affect the position of the user avatar and notifications icon. This doesn't seem like a bug, necessarily, but may need more thought over time as users get higher reputations.
  • <details><summary>How all the other communities look (click to expand)</summary><table><tr><td>
  • ![Writing logo](https://meta.codidact.com/uploads/h5lpk1uthn9zzx6d7gmfdm7l9ll9)
  • </td><td>
  • ![Writing logo with blue circle](https://meta.codidact.com/uploads/6ifwvtw8qrlumj6d7yeuwuz16eet)
  • </td></tr><tr><td>
  • ![Outdoors logo](https://meta.codidact.com/uploads/izr8ist4mkgmx2okz43uv93hqaav)
  • </td><td>
  • ![Outdoors logo with blue circle](https://meta.codidact.com/uploads/xjhdweiswjj49grz9781n9i9mdkx)
  • </td></tr><tr><td>
  • ![Photography logo](https://meta.codidact.com/uploads/qj6t1o0kj6lr7phebt5ky6j5h1g2)
  • </td><td>
  • ![Photography logo with blue circle](https://meta.codidact.com/uploads/jauaz08lzzclwucmz6qmctsibbfq)
  • </td></tr><tr><td>
  • ![Scientific Speculation logo](https://meta.codidact.com/uploads/chxlu83rjvt1csoltj6ws0odj5py)
  • </td><td>
  • ![Scientific Speculation logo with blue circle](https://meta.codidact.com/uploads/nuv981wskh53esympkh5ur4w2oda)
  • </td></tr><tr><td>
  • ![Cooking logo](https://meta.codidact.com/uploads/2c0h18wkinylc4m4iguj3t5dietl)
  • </td><td>
  • ![Cooking logo with blue circle](https://meta.codidact.com/uploads/y3phec4rslcezx42agv5sb9r1pqs)
  • </td></tr><tr><td>
  • ![Electrical Engineering logo](https://meta.codidact.com/uploads/n7kvecgb55f70ady1j7hy6nfdwa1)
  • </td><td>
  • ![Electrical Engineering logo with blue circle](https://meta.codidact.com/uploads/k20t0pw5zduumbafngm22d8n527t)
  • </td></tr><tr><td>
  • ![Judaism logo](https://meta.codidact.com/uploads/4524pu86qk5dp0y9ggynyd5vpqg0)
  • </td><td>
  • ![Judaism logo with blue circle](https://meta.codidact.com/uploads/auo6ex5zhnihezcwy212le04rv76)
  • </td></tr><tr><td>
  • ![Linguistics logo](https://meta.codidact.com/uploads/ahxrulsdh3h9f7qm9lzyo95z0dv6)
  • </td><td>
  • ![Linguistics logo with blue circle](https://meta.codidact.com/uploads/k55z2iegaoe56kl5ksbprs0crlq0)
  • </td></tr><tr><td>
  • ![Software logo](https://meta.codidact.com/uploads/dyg19urcghe3tg4lqx6zotcywu5m)
  • </td><td>
  • ![Software logo with blue circle](https://meta.codidact.com/uploads/ztudmk2zt4kq2gw713hl20fkrmoj)
  • </td></tr><tr><td>
  • ![Mathematics logo](https://meta.codidact.com/uploads/1gijss1ii9sxi8qjgc50yx0qarnk)
  • </td><td>
  • ![Mathematics logo with blue circle](https://meta.codidact.com/uploads/pe1t6qu0k61glp1xyx0mget51es4)
  • </td></tr><tr><td>
  • ![Christianity logo](https://meta.codidact.com/uploads/rh3k40nc5r1e613jdk2v07g91cme)
  • </td><td>
  • ![Christianity logo with blue circle](https://meta.codidact.com/uploads/w5txjb2ntt7rrhpsz31c3t7oy97w)
  • </td></tr><tr><td>
  • ![Code Golf logo](https://meta.codidact.com/uploads/muun0tt0mlly3sksek2sxzbhuvu2)
  • </td><td>
  • ![Code Golf logo with blue circle](https://meta.codidact.com/uploads/tikqdiscp8oapm762ru2qe1dly2k)
  • </td></tr><tr><td>
  • ![Music logo](https://meta.codidact.com/uploads/q8k6yqdsbp6wg7nv1xs1luyspotd)
  • </td><td>
  • ![Music logo with blue circle](https://meta.codidact.com/uploads/3wfh0icdky9mrn06029skqyws4pm)
  • </td></tr><tr><td>
  • ![Physics logo](https://meta.codidact.com/uploads/jcx1ur5cfn7tjl9qd3j1p5flwy1s)
  • </td><td>
  • ![Physics logo with blue circle](https://meta.codidact.com/uploads/klbf0jp8z6zluqpmt30meqo0yftu)
  • </td></tr><tr><td>
  • ![Linux logo](https://meta.codidact.com/uploads/exj28lwg4fx45jbgrtqjazvdv39p)
  • </td><td>
  • ![Linux logo with blue circle](https://meta.codidact.com/uploads/gg14zkdgp77vu9yja2b9yb6l3rp2)
  • </td></tr><tr><td>
  • ![Power Users logo](https://meta.codidact.com/uploads/tmsnreakpnrmd9q62bzdmocdsz0b)
  • </td><td>
  • ![Power Users logo with blue circle](https://meta.codidact.com/uploads/qplr8u4wlnbtwesmkim03pnzg4va)
  • </td></tr><tr><td>
  • ![RPGs logo](https://meta.codidact.com/uploads/cxbwuwbc0v3v9bmrtt2apjdej1yk)
  • </td><td>
  • ![RPGs logo with blue circle](https://meta.codidact.com/uploads/63l77h1x32wra3f8rcqbr5ktq9yq)
  • </td></tr><tr><td>
  • ![Collab logo](https://meta.codidact.com/uploads/tk557gejky8j3362k5ow1tt6rjvl)
  • </td><td>
  • ![Collab logo with blue circle](https://meta.codidact.com/uploads/ni50gv58vflg3wd1on1yv7grkzch)
  • </td></tr></table></details>
#2: Post edited by user avatar trichoplax‭ · 2023-01-19T06:36:58Z (almost 2 years ago)
Add in screenshots for the other communities
  • Related bug (not sure if solution will be related):
  • - https://meta.codidact.com/posts/287549
  • ---
  • On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.
  • ## Full size logo
  • ![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)
  • ## Shrunk logo next to blue circle
  • ![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)
  • I haven't yet tested this with any logo other than the Meta logo (will need to wait for a new blue notification circle...).
  • Related bug (not sure if solution will be related):
  • - https://meta.codidact.com/posts/287549
  • ---
  • On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.
  • ## Full size logo
  • ![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)
  • ## Shrunk logo next to blue circle
  • ![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)
  • ## Other communities
  • All the other communities seem to be affected similarly.
  • The user's reputation on a given community also seems to affect the position of the user avatar and notifications icon. This doesn't seem like a bug, necessarily, but may need more thought over time as users get higher reputations.
  • <details><summary>How all the other communities look (click to expand)</summary><table><tr><td>
  • ![Writing logo](https://meta.codidact.com/uploads/h5lpk1uthn9zzx6d7gmfdm7l9ll9)
  • </td><td>
  • ![Writing logo with blue circle](https://meta.codidact.com/uploads/6ifwvtw8qrlumj6d7yeuwuz16eet)
  • </td></tr><tr><td>
  • ![Outdoors logo](https://meta.codidact.com/uploads/izr8ist4mkgmx2okz43uv93hqaav)
  • </td><td>
  • ![Outdoors logo with blue circle](https://meta.codidact.com/uploads/xjhdweiswjj49grz9781n9i9mdkx)
  • </td></tr><tr><td>
  • ![Photography logo](https://meta.codidact.com/uploads/qj6t1o0kj6lr7phebt5ky6j5h1g2)
  • </td><td>
  • ![Photography logo with blue circle](https://meta.codidact.com/uploads/jauaz08lzzclwucmz6qmctsibbfq)
  • </td></tr><tr><td>
  • ![Scientific Speculation logo](https://meta.codidact.com/uploads/chxlu83rjvt1csoltj6ws0odj5py)
  • </td><td>
  • ![Scientific Speculation logo with blue circle](https://meta.codidact.com/uploads/nuv981wskh53esympkh5ur4w2oda)
  • </td></tr><tr><td>
  • ![Cooking logo](https://meta.codidact.com/uploads/2c0h18wkinylc4m4iguj3t5dietl)
  • </td><td>
  • ![Cooking logo with blue circle](https://meta.codidact.com/uploads/y3phec4rslcezx42agv5sb9r1pqs)
  • </td></tr><tr><td>
  • ![Electrical Engineering logo](https://meta.codidact.com/uploads/n7kvecgb55f70ady1j7hy6nfdwa1)
  • </td><td>
  • ![Electrical Engineering logo with blue circle](https://meta.codidact.com/uploads/k20t0pw5zduumbafngm22d8n527t)
  • </td></tr><tr><td>
  • ![Judaism logo](https://meta.codidact.com/uploads/4524pu86qk5dp0y9ggynyd5vpqg0)
  • </td><td>
  • ![Judaism logo with blue circle](https://meta.codidact.com/uploads/auo6ex5zhnihezcwy212le04rv76)
  • </td></tr><tr><td>
  • ![Linguistics logo](https://meta.codidact.com/uploads/ahxrulsdh3h9f7qm9lzyo95z0dv6)
  • </td><td>
  • ![Linguistics logo with blue circle](https://meta.codidact.com/uploads/k55z2iegaoe56kl5ksbprs0crlq0)
  • </td></tr><tr><td>
  • ![Software logo](https://meta.codidact.com/uploads/dyg19urcghe3tg4lqx6zotcywu5m)
  • </td><td>
  • ![Software logo with blue circle](https://meta.codidact.com/uploads/ztudmk2zt4kq2gw713hl20fkrmoj)
  • </td></tr><tr><td>
  • ![Mathematics logo](https://meta.codidact.com/uploads/1gijss1ii9sxi8qjgc50yx0qarnk)
  • </td><td>
  • ![Mathematics logo with blue circle](https://meta.codidact.com/uploads/pe1t6qu0k61glp1xyx0mget51es4)
  • </td></tr><tr><td>
  • ![Christianity logo](https://meta.codidact.com/uploads/rh3k40nc5r1e613jdk2v07g91cme)
  • </td><td>
  • ![Christianity logo with blue circle](https://meta.codidact.com/uploads/w5txjb2ntt7rrhpsz31c3t7oy97w)
  • </td></tr><tr><td>
  • ![Code Golf logo](https://meta.codidact.com/uploads/muun0tt0mlly3sksek2sxzbhuvu2)
  • </td><td>
  • ![Code Golf logo with blue circle](https://meta.codidact.com/uploads/tikqdiscp8oapm762ru2qe1dly2k)
  • </td></tr><tr><td>
  • ![Music logo](https://meta.codidact.com/uploads/q8k6yqdsbp6wg7nv1xs1luyspotd)
  • </td><td>
  • ![Music logo with blue circle](https://meta.codidact.com/uploads/3wfh0icdky9mrn06029skqyws4pm)
  • </td></tr><tr><td>
  • ![Physics logo](https://meta.codidact.com/uploads/jcx1ur5cfn7tjl9qd3j1p5flwy1s)
  • </td><td>
  • ![Physics logo with blue circle](https://meta.codidact.com/uploads/klbf0jp8z6zluqpmt30meqo0yftu)
  • </td></tr><tr><td>
  • ![Linux logo](https://meta.codidact.com/uploads/exj28lwg4fx45jbgrtqjazvdv39p)
  • </td><td>
  • ![Linux logo with blue circle](https://meta.codidact.com/uploads/gg14zkdgp77vu9yja2b9yb6l3rp2)
  • </td></tr><tr><td>
  • ![Power Users logo](https://meta.codidact.com/uploads/tmsnreakpnrmd9q62bzdmocdsz0b)
  • </td><td>
  • ![Power Users logo with blue circle](https://meta.codidact.com/uploads/qplr8u4wlnbtwesmkim03pnzg4va)
  • </td></tr><tr><td>
  • ![RPGs logo](https://meta.codidact.com/uploads/cxbwuwbc0v3v9bmrtt2apjdej1yk)
  • </td><td>
  • ![RPGs logo with blue circle](https://meta.codidact.com/uploads/63l77h1x32wra3f8rcqbr5ktq9yq)
  • </td></tr><tr><td>
  • ![Collab logo](https://meta.codidact.com/uploads/tk557gejky8j3362k5ow1tt6rjvl)
  • </td><td>
  • ![Collab logo with blue circle](https://meta.codidact.com/uploads/ni50gv58vflg3wd1on1yv7grkzch)
  • </td></tr></table></details>
#1: Initial revision by user avatar trichoplax‭ · 2023-01-18T19:18:12Z (almost 2 years ago)
Logo shrinks from blue notification circle
Related bug (not sure if solution will be related):
- https://meta.codidact.com/posts/287549

---

On mobile, the community logo can shrink when a blue notification circle appears next to the notifications icon, even though there would still be room for the full size logo and the blue circle.

## Full size logo

![Full size logo showing next to notifications icon with no blue notification circle](https://meta.codidact.com/uploads/3tppewbipaai57hqrdshpo9v2i51)

## Shrunk logo next to blue circle

![Shrunk logo showing next to notifications icon with blue notification circle](https://meta.codidact.com/uploads/mmtiugdg23ys4bm4b0cdet521o76)

I haven't yet tested this with any logo other than the Meta logo (will need to wait for a new blue notification circle...).