static/shared: made purpose of buttons known to non-SR users

https://screenshot.googleplex.com/3LyueJ2qpUsE2jn.png Change-Id: Iab9c88b2e92fdac5869d44a86fb4518e21f2ce44 Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/515336 Reviewed-by: Hyang-Ah Hana Kim <[email protected]> Run-TryBot: Jamal Carvalho <[email protected]> Auto-Submit: Jamal Carvalho <[email protected]> TryBot-Result: Gopher Robot <[email protected]> kokoro-CI: kokoro <[email protected]>
golang · Aug 24, 2023 · 15c6f93 · 15c6f93
1 parent de49a2a
commit 15c6f93
Show file tree

Hide file tree

Showing 34 changed files with 14 additions and 3 deletions.
diff --git a/static/frontend/frontend.min.css b/static/frontend/frontend.min.css
diff --git a/static/frontend/frontend.min.css.map b/static/frontend/frontend.min.css.map
diff --git a/static/shared/footer/footer.css b/static/shared/footer/footer.css
@@ -43,6 +43,11 @@
   margin-top: 0.75rem;
 }
 
+.go-Footer-listItem p {
+  color: var(--color-text-inverted);
+  font-size: 0.875rem;
+}
+
 .go-Footer-bottom {
   align-items: center;
   border-top: var(--border);

diff --git a/static/shared/footer/footer.tmpl b/static/shared/footer/footer.tmpl
@@ -125,13 +125,17 @@
           </a>
         </li>
         <li class="go-Footer-listItem">
-          <button class="go-Button go-Button--text go-Footer-toggleTheme js-toggleTheme" aria-label="Toggle theme">
+          <button class="go-Button go-Button--text go-Footer-toggleTheme js-toggleTheme" aria-label="Theme Toggle">
             <img data-value="auto" class="go-Icon go-Icon--inverted" height="24" width="24" src="/static/shared/icon/brightness_6_gm_grey_24dp.svg" alt="System theme">
             <img data-value="dark" class="go-Icon go-Icon--inverted" height="24" width="24" src="/static/shared/icon/brightness_2_gm_grey_24dp.svg" alt="Dark theme">
             <img data-value="light" class="go-Icon go-Icon--inverted" height="24" width="24" src="/static/shared/icon/light_mode_gm_grey_24dp.svg" alt="Light theme">
+            <p> Theme Toggle </p>
           </button>
-          <button class="go-Button go-Button--text go-Footer-keyboard js-openShortcuts" aria-label="Open shorcuts modal">
+        </li>
+        <li class="go-Footer-listItem">
+          <button class="go-Button go-Button--text go-Footer-keyboard js-openShortcuts" aria-label="Shorcuts Modal">
             <img class="go-Icon go-Icon--inverted" height="24" width="24" src="/static/shared/icon/keyboard_grey_24dp.svg" alt="">
+            <p> Shortcuts Modal </p>
           </button>
         </li>
       </ul>

diff --git a/tests/screentest/testdata/404-with-fetch-button-540x1080.a.png b/tests/screentest/testdata/404-with-fetch-button-540x1080.a.png
diff --git a/tests/screentest/testdata/404-with-fetch-button.a.png b/tests/screentest/testdata/404-with-fetch-button.a.png
diff --git a/tests/screentest/testdata/about-540x1080.a.png b/tests/screentest/testdata/about-540x1080.a.png
diff --git a/tests/screentest/testdata/about.a.png b/tests/screentest/testdata/about.a.png
diff --git a/tests/screentest/testdata/badge-540x1080.a.png b/tests/screentest/testdata/badge-540x1080.a.png
diff --git a/tests/screentest/testdata/badge.a.png b/tests/screentest/testdata/badge.a.png
diff --git a/tests/screentest/testdata/ci/vuln-540x1080.a.png b/tests/screentest/testdata/ci/vuln-540x1080.a.png
diff --git a/tests/screentest/testdata/ci/vuln-entry-540x1080.a.png b/tests/screentest/testdata/ci/vuln-entry-540x1080.a.png
diff --git a/tests/screentest/testdata/ci/vuln-entry.a.png b/tests/screentest/testdata/ci/vuln-entry.a.png
diff --git a/tests/screentest/testdata/ci/vuln-list-540x1080.a.png b/tests/screentest/testdata/ci/vuln-list-540x1080.a.png
diff --git a/tests/screentest/testdata/ci/vuln-list.a.png b/tests/screentest/testdata/ci/vuln-list.a.png
diff --git a/tests/screentest/testdata/ci/vuln.a.png b/tests/screentest/testdata/ci/vuln.a.png
diff --git a/tests/screentest/testdata/error-540x1080.a.png b/tests/screentest/testdata/error-540x1080.a.png
diff --git a/tests/screentest/testdata/error.a.png b/tests/screentest/testdata/error.a.png
diff --git a/tests/screentest/testdata/home-540x1080.a.png b/tests/screentest/testdata/home-540x1080.a.png
diff --git a/tests/screentest/testdata/home.a.png b/tests/screentest/testdata/home.a.png
diff --git a/tests/screentest/testdata/license-policy-540x1080.a.png b/tests/screentest/testdata/license-policy-540x1080.a.png
diff --git a/tests/screentest/testdata/license-policy.a.png b/tests/screentest/testdata/license-policy.a.png
diff --git a/tests/screentest/testdata/package-with-deprecated-symbols-540x1080.a.png b/tests/screentest/testdata/package-with-deprecated-symbols-540x1080.a.png
diff --git a/tests/screentest/testdata/package-with-deprecated-symbols.a.png b/tests/screentest/testdata/package-with-deprecated-symbols.a.png
diff --git a/tests/screentest/testdata/search-help-540x1080.a.png b/tests/screentest/testdata/search-help-540x1080.a.png
diff --git a/tests/screentest/testdata/search-help.a.png b/tests/screentest/testdata/search-help.a.png
diff --git a/tests/screentest/testdata/search-no-results-540x1080.a.png b/tests/screentest/testdata/search-no-results-540x1080.a.png
diff --git a/tests/screentest/testdata/search-no-results.a.png b/tests/screentest/testdata/search-no-results.a.png
diff --git a/tests/screentest/testdata/standard-library-540x1080.a.png b/tests/screentest/testdata/standard-library-540x1080.a.png
diff --git a/tests/screentest/testdata/standard-library-package-540x1080.a.png b/tests/screentest/testdata/standard-library-package-540x1080.a.png
diff --git a/tests/screentest/testdata/standard-library-package.a.png b/tests/screentest/testdata/standard-library-package.a.png
diff --git a/tests/screentest/testdata/standard-library.a.png b/tests/screentest/testdata/standard-library.a.png
diff --git a/tests/screentest/testdata/sub-repositories-540x1080.a.png b/tests/screentest/testdata/sub-repositories-540x1080.a.png
diff --git a/tests/screentest/testdata/sub-repositories.a.png b/tests/screentest/testdata/sub-repositories.a.png