NewsDrawer: Add grot to news drawer (after news items)

[torkelo]

Ok final version a more subtle one hidden after the last news item:

Grafana.1.webm

Discarded ideas (placing him in the header before the drawer title)

A bit bigger

A lot bigger:

[ergoerik]

@torkelo i think this doesn't quite feel right. Grot has to get too big for the meaning of the image to be clear. In this placement I think the larger it gets the more distracting and out of place it feels. We can try for a simpler version but I would probably skip.

[torkelo]

@ergoerik what about this? Having it at the bottom for those that happen to scroll to the end, he becomes more subtle, almost like an easter egg

-api-ds-query---HTTP-handlers---Grafana-Monitoring---Scenes---Dashboards---Grafana.webm

[ergoerik]

@torkelo here's an updated image with little spiral on the newspaper

[ergoerik]

@bogdanracles @jdcarolyne FYI

[amy-super]

I think it's cute to include Grot here for sure and love the updated image with our spiral on the newspaper. I just wonder if having it at the bottom means it will be invisible. This doesn't hurt anything so I'm game to include it, but I wonder if we can pull down how often news is being read.

[torkelo]

@amy-super yea, I don't think it will be very common for people to scroll to the bottom, which this is more of a easter egg :)

But I can't think of another way to fit him in that doesn't feel out of place. Do you have any ideas?

[ergoerik]

What about something like this @torkelo @amy-super

[torkelo]

@ergoerik the drawer opens under topnav so there is not that much room for a larger grot

Something like this could maybe work? @amy-super what do you think?

[torkelo]

Or this

[ergoerik]

@ergoerik the drawer opens under topnav so there is not that much room for a larger grot

Something like this could maybe work? @amy-super what do you think?

I think this could work. Prefer this to the option with Grot right aligned because it connects the words and image as a single idea/thought. If this small, Grot without the amoeba could work better:

[amy-super]

Agree I prefer the centered one - and dropping the amoeba should be OK in dark mode as well. And in the end, I think it's OK that Grot is a little smaller but more visible (over the idea of dropping it at the end).

[staton-hyse11]

This looks awesome! I agree with Amy's comments on this - centered and amoeba free 😄

[torkelo]

Ok pushed an update.

I think this size works pretty well, you clearly see what Grot is doing but it's not taking too much space from the drawer (news items).

Oh, and I added a border. With or without border that is the question?

@ergoerik @amy-super @staton-hyse11

[staton-hyse11]

LGTM

[amy-super]

With the border! Looks great ❤️

[grafanabot]

The backport to v10.0.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new branch
git switch --create backport-68173-to-v10.0.x origin/v10.0.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x c8fd3c20cd9f5a30ea3908f5da44ef5f92deb10d
# Push it to GitHub
git push --set-upstream origin backport-68173-to-v10.0.x
git switch main
# Remove the local backport branch
git branch -D backport-68173-to-v10.0.x

Then, create a pull request where the base branch is v10.0.x and the compare/head branch is backport-68173-to-v10.0.x.