From: SleeplessOne1917 <abias1122@gmail.com>
Date: Sat, 17 Jun 2023 02:19:59 +0000 (+0000)
Subject: Merge branch 'main' into 1117-jump-to-main-content
X-Git-Url: http://these/git/%7B%60https:/%24%7Bsite?a=commitdiff_plain;h=9165433282fd2731bba701668b5b97aa5685fddf;p=lemmy-ui.git

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

9165433282fd2731bba701668b5b97aa5685fddf
diff --cc src/assets/css/main.css
index da5be8d,e316ab9..da3f7ff
--- a/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 d8d6f8b,c495548..79aa77e
--- a/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} />
              )}