I’m working on a site with a lot of translations at the moment, and something that would help the workflow is if the language button could stick to the top of the screen, rather than scroll away.
This would help the translators, who often flit between English and French translations, for example.
It looks like the custom CSS for this would be quite tricky, so wondering if anyone else could see the benefit of this or knows a way to achieve the same thing some other way?
If you need to switch between translations a lot, then a button that sticks to the top will certainly make a lot of sense. On the other hand, there are other translation workflows that don’t need this at all, especially in multi-language sites it is rather seldom, I guess, that one and the same editors translates into multiple languages.
The question is what do do with this button so it doesn’t get into the way.
Do you already know our feedback tool? feedback.getkirby.com/
I would open two different browser windows/tabs, one for each language. Then I need not change the language in the same window/tab.
Tested with FF81.0 on Win10-64bit.
I’m not so sure that make it easier, because it’s difficult to keep track if you move between pages.
@anon77445132 — this is a fair point, and one I’ll suggest to the translator.
@texnixe — I hadn’t seen the feedback tool, but will move this over as a suggestion.
Had the same need some time ago, ended up using this:
.k-header {
position: sticky;
top: -3.8rem;
background-color: var(--color-background);
z-index: 2;
}
top: 3.8rem; hides the page title on scroll, top: 0; will keep it visible.