on master help sign in
fix menu bug
commita054df2498e84cca7c9dba5d9eafd6e434337589 authorGavin Atkinson <gvnatknsn@protonmail.com> dateFri 9 Jul 2021, 11:58 (5 years ago) parentcb27577
2 files changed+7−50
components/Header.js+1−24 styles/globals.css+6−26
components/Header.js+1−24
@@ -56,7 +56,7 @@ function MenuTray(props) {
5656 className={`bg-washedWhite w-screen h-screen ${overlayClasses}`}
5757 />
5858 <div
59− className={`fixed bg-wall h-screen top-0 left-0 flex flex-col p-4 pt-12 tray-menu-width ${trayClasses}`}
59+ className={`absolute bg-wall h-screen top-0 left-0 flex flex-col p-4 pt-12 tray-menu-width ${trayClasses}`}
6060 >
6161 {props.children}
6262 </div>
@@ -120,29 +120,6 @@ export default function Header(props) {
120120 Events
121121 </ActiveLink>
122122 </MenuTray>
123− <button
124− onClick={(e) => {
125− e.stopPropagation();
126− props.search.toggleSearch(e);
127− }}
128− className={`z-10 fixed bottom-24 right-6 w-12 h-12 bg-ultraDeepWall items-center justify-center rounded-full flex ${mobileSearchButtonClasses}`}
129− >
130− <svg
131− width="16"
132− height="16"
133− viewBox="0 0 16 16"
134− fill="none"
135− xmlns="http://www.w3.org/2000/svg"
136− >
137− <circle cx="7" cy="7" r="5.5" stroke="white" stroke-width="3" />
138− <path
139− d="M11 11L14 14"
140− stroke="white"
141− stroke-width="3"
142− stroke-linecap="round"
143− />
144− </svg>
145− </button>
146123
147124 <button
148125 onClick={() => toggleTray(!isOpen)}
styles/globals.css+6−26
@@ -173,35 +173,15 @@ a:hover {
173173}
174174
175175.menu-open {
176− animation: hide var(--tray-time) linear;
176+ left: 0;
177+ visibility: visible;
178+ display: block;
177179}
178180
179181.menu-closed {
180− animation: hide var(--tray-time) linear;
181−}
182−
183−@keyframes show {
184− 0% {
185− display: none;
186− }
187− 1% {
188− display: block;
189− }
190− 100% {
191− display: block;
192− }
193−}
194−
195−@keyframes hide {
196− 0% {
197− display: block;
198− }
199− 99% {
200− display: block;
201− }
202− 100% {
203− display: none;
204− }
182+ left: -100vw;
183+ visibility: hidden;
184+ display: none;
205185}
206186
207187.dot::before {