Admin link

[agriffard]

Fixes #7806

Separate the upper left infos of the admin in two links:

• The logo is a link to the admin.
• The title is a link to the site.

[hishamco]

I like the changes based on the screenshot, hope @Skrypt like it too

[Skrypt]

There is an extra margin there that looks odd between the user button and the 2 others. One of them is missing cursor:hand which can be fixed by adding role="button" on the anchor. The tenant name now has a blue color which I think shouldn't. User button should be the last one.

See Github header :

[agriffard]

ok, UserMenu moved to navbar-collapse => margin removed.

[agriffard]

[agriffard]

With Signed in as:

[Skrypt]

The only thing "buggy" is the tooltip on the dark/light mode button. We would need to be able to create translations for javascript.

[agriffard]

The only thing "buggy" is the tooltip on the dark/light mode button. We would need to be able to create translations for javascript.

Why does it seems buggy according to you?

[Skrypt]

When I click on it ; the Tooltip title doesn't toggle from dark to light, vice versa.
That's a small issue that could be fixed later on. You can still merge this PR.

Now you assign the tooltip from server side depending on the actual mode it is but it can be changed on client side ...
We need to be able to pass translations to javascript vars for this to work because else these tooltip titles would be hardcoded in javascript which is not what we want. So "Light Mode" and "Dark Mode" should be translatable.

And the tooltip text should be changed in darkmode.js file of TheAdmin theme by changing the anchor title attribute. I think you changed this because previously it was using data-title-something.