Merge branch 'main' into 1117-jump-to-main-content

diff --cc src/assets/css/main.css
index da5be8db1a77361d7caf5c6f96253f40480f99cc,e316ab92f43d48032be177de8e33b199440d0995..da3f7ffc630be20157ac817455b451bcc4694e6a
--- 1/src/assets/css/main.css
--- 2/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@@ -410,28 -410,7 +410,22 @@@ br.big 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
- .lang-select-action {
-   width: 100px;
- }
  
- .lang-select-action:focus {
-   width: auto;
- }
- em-emoji-picker {
+ .emoji-picker {
    width: 100%;
  }
 +
 +.skip-link {
 +  top: -40px;
 +  transition: top 0.3s ease;
 +}
 +
 +@media (prefers-reduced-motion: reduce) {
 +  .skip-link {
 +    transition: none;
 +  }
 +}
 +
 +.skip-link:focus {
 +  top: 0;
 +}

diff --cc src/shared/components/app/app.tsx
index d8d6f8bd5c0750bad6e15bbee6d22bb3c9e3a530,c495548c679e7bfc0460882ce783df704686c38d..79aa77eb2dc07a0d2930f4c6ec3dfa6098839fc7
--- 1/src/shared/components/app/app.tsx
--- 2/src/shared/components/app/app.tsx
+++ b/src/shared/components/app/app.tsx
@@@ -32,13 -25,7 +32,13 @@@ export class App extends Component<any
      return (
        <>
          <Provider i18next={i18n}>
-           <div id="app">
+           <div id="app" className="lemmy-site">
 +            <a
 +              className="skip-link bg-light text-dark p-2 text-decoration-none position-absolute start-0 z-3"
 +              onClick={linkEvent(this, this.handleJumpToContent)}
 +            >
 +              ${i18n.t("jump_to_content", "Jump to content")}
 +            </a>
              {siteView && (
                <Theme defaultTheme={siteView.local_site.default_theme} />
              )}