From 56bf0358ef0f39a1c942ced4c6729fb05e6cf3ce Mon Sep 17 00:00:00 2001 From: Jake Jarvis Date: Fri, 28 Jan 2022 13:07:17 -0500 Subject: [PATCH] update heading anchor links to always show on mobile --- components/Heading/Heading.module.css | 9 ++- package.json | 2 +- yarn.lock | 98 +++++++++++++-------------- 3 files changed, 57 insertions(+), 52 deletions(-) diff --git a/components/Heading/Heading.module.css b/components/Heading/Heading.module.css index 317e6016..1e539e9b 100644 --- a/components/Heading/Heading.module.css +++ b/components/Heading/Heading.module.css @@ -22,7 +22,7 @@ padding: 0 0.25em; color: var(--medium-light) !important; font-weight: 300; - opacity: 0; /* overridden on hover */ + opacity: 0; /* overridden on hover below (except on small screens) */ } .anchor::before { content: "\0023"; /* pound sign `#`, done here to keep content DOM cleaner */ @@ -30,7 +30,7 @@ .anchor:hover { color: var(--link) !important; } -/* make anchor `#` link show up on hover over the corresponding heading */ +/* make anchor link show up on hover over its corresponding heading */ .heading:hover .anchor { opacity: 1; } @@ -39,4 +39,9 @@ .heading { scroll-margin-top: 6.5rem; } + + /* don't require hover to show anchor link on small (likely touch) screens */ + .anchor { + opacity: 1; + } } diff --git a/package.json b/package.json index 27871027..b1792584 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "@next/bundle-analyzer": "^12.0.9", "@octokit/graphql": "^4.8.0", "@primer/octicons": "^16.3.0", - "@sentry/node": "^6.17.2", + "@sentry/node": "^6.17.3", "classnames": "^2.3.1", "copy-to-clipboard": "^3.3.1", "date-fns": "^2.28.0", diff --git a/yarn.lock b/yarn.lock index 8f996542..6c5716b0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1282,72 +1282,72 @@ resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.1.0.tgz#7f698254aadf921e48dda8c0a6b304026b8a9323" integrity sha512-JLo+Y592QzIE+q7Dl2pMUtt4q8SKYI5jDrZxrozEQxnGVOyYE+GWK9eLkwTaeN9DDctlaRAQ3TBmzZ1qdLE30A== -"@sentry/core@6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/core/-/core-6.17.2.tgz#f218920f269ccdbaee20a092bbc90a71a007cc88" - integrity sha512-Uew0CNMr+QvowrF4EJYjOUgHep/sZJ3l5zevPEELugIgqWBodd+ZDCV3fQFR7cr6KOqx1rMgVrgcKIkLl0l+RA== +"@sentry/core@6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/core/-/core-6.17.3.tgz#44375d8e9f4857bb630d7aebaecc97cfe42052df" + integrity sha512-h7WgrNL0RVlr8Dceh97ZiXNdmEumDutpoqFijjiX4x72IiC6zSaVD4IsqrdGln+v8iJ3l3lX44HHqzubDub1OQ== dependencies: - "@sentry/hub" "6.17.2" - "@sentry/minimal" "6.17.2" - "@sentry/types" "6.17.2" - "@sentry/utils" "6.17.2" + "@sentry/hub" "6.17.3" + "@sentry/minimal" "6.17.3" + "@sentry/types" "6.17.3" + "@sentry/utils" "6.17.3" tslib "^1.9.3" -"@sentry/hub@6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-6.17.2.tgz#d92accada845fa21fff1b2b491d3c6964851693b" - integrity sha512-CMi6jU920bTwRTmGHjP4u8toOx4gm1dsx+rsxvp+FKzqRwpwoyi9mOw8oEYERVzaqaYceGdFylyRUrjdf0f77g== +"@sentry/hub@6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-6.17.3.tgz#9c75f0ce486cfed0635f48c875d92f655c1e5710" + integrity sha512-TDxv8nRvk45xvfQg6zs8GYzQzgo0EMhI3wjQZLiNfW2rzybKmIwVp2x3O4PAc3WPzwg4bYNgSAkYKVlHmYjRCg== dependencies: - "@sentry/types" "6.17.2" - "@sentry/utils" "6.17.2" + "@sentry/types" "6.17.3" + "@sentry/utils" "6.17.3" tslib "^1.9.3" -"@sentry/minimal@6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/minimal/-/minimal-6.17.2.tgz#3b482a0d76aa33b6c9441dd21acbcc3a113e5120" - integrity sha512-Cdh+iM6QhLKfxwUWWP4mk2K7+EsQj4tuF2dGQke4Zcbp7zQ7wbcMruUcZHiZfvg5kiSYxwNVkH7cXMzcO7AJsg== +"@sentry/minimal@6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/minimal/-/minimal-6.17.3.tgz#3e9f0b017f639776c9eaa58694b9be3f03429c78" + integrity sha512-zvGGfHNNA92Lqx6P8ZwOUkmRmAiQl0AQFRXl9So1Ayq9bJRnFLJZv4YFVnp2wE4HXYIlfBYb51+GlGB5LIuPmw== dependencies: - "@sentry/hub" "6.17.2" - "@sentry/types" "6.17.2" + "@sentry/hub" "6.17.3" + "@sentry/types" "6.17.3" tslib "^1.9.3" -"@sentry/node@^6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/node/-/node-6.17.2.tgz#32a5fa00b64a331073daf1e44f500c8c57184eb1" - integrity sha512-358z45WaejnsE8RZVpuLJJiFVCSEi0TRY7P60CljZuz8rnvniD3G0tuXChvu4djVty8NScWZHT/QoxvuJdTHgQ== +"@sentry/node@^6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/node/-/node-6.17.3.tgz#517ca6a88ca033320a301bffa097111bbb344f25" + integrity sha512-LvpB6bCQTytoOlrcQgR80aeEEBi2Sm1hNf+VvoPT6CW7tKI1/6pMWXaNnRu2dpyWS/j6tooz8rd/3dl1SZoGvg== dependencies: - "@sentry/core" "6.17.2" - "@sentry/hub" "6.17.2" - "@sentry/tracing" "6.17.2" - "@sentry/types" "6.17.2" - "@sentry/utils" "6.17.2" + "@sentry/core" "6.17.3" + "@sentry/hub" "6.17.3" + "@sentry/tracing" "6.17.3" + "@sentry/types" "6.17.3" + "@sentry/utils" "6.17.3" cookie "^0.4.1" https-proxy-agent "^5.0.0" lru_map "^0.3.3" tslib "^1.9.3" -"@sentry/tracing@6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/tracing/-/tracing-6.17.2.tgz#437337071fdeffa319746905b3706518b099ec6b" - integrity sha512-oWY2Ga+5D5f90utvfF2Y0eQvme+eS768ZWjR+klRYgZWoY8r1v8uWwWsvroYU1g+h6X0G/xh3giFjsdOWtRENw== +"@sentry/tracing@6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/tracing/-/tracing-6.17.3.tgz#b3841ad3fb1c7df1e21521da0d99c1496038a970" + integrity sha512-GnHugxw5qkWwYmeQbbrswuWpb0bpYqyJr/dO25QQOCwp+cckQrvBYTMC8zGJG10u94O4el0lQaQnNFz9WF3r6g== dependencies: - "@sentry/hub" "6.17.2" - "@sentry/minimal" "6.17.2" - "@sentry/types" "6.17.2" - "@sentry/utils" "6.17.2" + "@sentry/hub" "6.17.3" + "@sentry/minimal" "6.17.3" + "@sentry/types" "6.17.3" + "@sentry/utils" "6.17.3" tslib "^1.9.3" -"@sentry/types@6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.17.2.tgz#4dde3423db5953e798b19ed29618c28fc7bf2e30" - integrity sha512-UrFLRDz5mn253O8k/XftLxoldF+NyZdkqKLGIQmST5HEVr7ub9nQJ4Y5ZFA3zJYWpraaW8faIbuw+pgetC8hmQ== +"@sentry/types@6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/types/-/types-6.17.3.tgz#c5b9bba8111ff26b26c4a056e2a083905e03e7dd" + integrity sha512-0AXCjYcfl8Vx26GfyLY4rBQ78Lyt1oND3UozTTMaVXlcKYIjzV+f7TOo5IZx+Kbr6EGUNDLdpA4xfbkWdW/1NA== -"@sentry/utils@6.17.2": - version "6.17.2" - resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-6.17.2.tgz#e8044e753b47f86068053c8d79e4ae61a39b6732" - integrity sha512-ePWtO44KJQwUULOiU86fa1WU3Ird2TH0i39gqB2d3zNS3QyVp9qPlzSdPKSPJ9LdgadzBHw7ikEuE+GY8JTrhA== +"@sentry/utils@6.17.3": + version "6.17.3" + resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-6.17.3.tgz#a3c4c35e18ffb304356288213797c47c2bfdce08" + integrity sha512-6/2awDIeHSj0JgiC7DDdV1lxvLmf+/BisWhw09dKvmhVQB3ADvQZbohjUgM+Qam5zE0xmZAfQhvuDwC41W8Wnw== dependencies: - "@sentry/types" "6.17.2" + "@sentry/types" "6.17.3" tslib "^1.9.3" "@svgr/babel-plugin-add-jsx-attribute@^6.0.0": @@ -2536,9 +2536,9 @@ eastasianwidth@^0.2.0: integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA== electron-to-chromium@^1.4.17: - version "1.4.55" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.55.tgz#a7fa3b49b2c4cb0ae68505cf304a9666fdd8fd9f" - integrity sha512-AoCDEVElLY8mwe4TuDDkr1jxvSh/Ih5PFlEXCpmwFkq9JOXn4K58CScgBl+R1ghFW9cPJ7VeWo30nAHSRCe6rw== + version "1.4.56" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.56.tgz#f660fd2c6739b341d8922fe3a441a5a2804911a1" + integrity sha512-0k/S0FQqRRpJbX7YUjwCcLZ8D42RqGKtaiq90adXBOYgTIWwLA/g3toO8k9yEpqU8iC4QyaWYYWSTBIna8WV4g== emoji-regex@^8.0.0: version "8.0.0"