diff options
author | Louis Pilfold <louis@lpil.uk> | 2024-03-26 14:18:45 +0000 |
---|---|---|
committer | Louis Pilfold <louis@lpil.uk> | 2024-03-26 14:18:47 +0000 |
commit | e0d7e32903fdd4a52098dd442ed380c0f6f742a9 (patch) | |
tree | 74b55f9020fdd7d8d7870da4b0b736fcb4374d79 /static | |
parent | 2e7c0c4ef0282c634cf96b47a692426a8f0c6262 (diff) | |
download | tour-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.css | 53 |
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); } |