aboutsummaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
authorLouis Pilfold <louis@lpil.uk>2024-03-26 14:18:45 +0000
committerLouis Pilfold <louis@lpil.uk>2024-03-26 14:18:47 +0000
commite0d7e32903fdd4a52098dd442ed380c0f6f742a9 (patch)
tree74b55f9020fdd7d8d7870da4b0b736fcb4374d79 /static
parent2e7c0c4ef0282c634cf96b47a692426a8f0c6262 (diff)
downloadtour-e0d7e32903fdd4a52098dd442ed380c0f6f742a9.tar.gz
tour-e0d7e32903fdd4a52098dd442ed380c0f6f742a9.zip
Remove unclickable button and off brand animation
Closes https://github.com/gleam-lang/language-tour/issues/69 It would be nice to bring this menu back on mobile, but it needs design work for where the button would be placed and to be implemented in a way that works on touch devices.
Diffstat (limited to 'static')
-rw-r--r--static/css/pages/everything.css53
1 files changed, 0 insertions, 53 deletions
diff --git a/static/css/pages/everything.css b/static/css/pages/everything.css
index cc34f81..c8d8279 100644
--- a/static/css/pages/everything.css
+++ b/static/css/pages/everything.css
@@ -242,62 +242,9 @@ h3 {
/* transform contents as to a side menu */
@media only screen and (max-width: 768px) {
#everything-contents {
- position: fixed;
- inset: 0;
- top: var(--navbar-height);
- grid-column: 1 / span 2;
- padding-left: calc(var(--gap) + var(--gap-quad) * 2);
- transform: translateX(-100%);
- transition:
- transform 300ms ease-in 0s,
- overflow-y 0s linear 600ms,
- background 150ms linear 0s;
- z-index: 10;
- overflow: unset;
- box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
- background: var(--color-background-dim);
- padding-bottom: calc(2 * var(--gap-quad));
- }
-
- /* show / hide contents when touching on trigger */
- #everything-contents:hover:not(:has(a:hover)) {
- transform: translateX(calc(-2 * var(--gap-quad)));
- box-shadow: 0 var(--gap-double) var(--gap-quad) rgba(0, 0, 0, 0.4);
- /* overflow-x: hidden; */
- animation: reveal 300ms ease-out 20ms forwards 1;
- }
-
- #everything-contents::before {
display: none;
}
- #everything-contents::after {
- content: "Table of contents";
- position: fixed;
- padding: var(--gap-double) var(--gap);
- inset: unset;
- bottom: 0;
- right: calc(-100%);
- font-size: var(--font-size-small);
- filter: none;
- width: calc(100vw);
- transform: translateX(0);
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--color-text);
- font-weight: bold;
- background: var(--color-background-dim);
- z-index: 60;
- opacity: 1;
- transition:
- opacity 300ms ease-out 450ms,
- background 150ms linear,
- color 150ms linear 0s;
- pointer-events: all;
- box-sizing: border-box;
- }
-
.theme-light #everything-contents::after {
filter: contrast(1);
}