a054df2 · urbit.org · git.iko.soy

git.iko.soy/urbit.org

on master help sign in

fix menu bug

a054df2Gavin Atkinson5 years ago

components/Header.js+1−24

compare with master

unifiedsplit

@@ -56,7 +56,7 @@ function MenuTray(props) {

56 className={`bg-washedWhite w-screen h-screen ${overlayClasses}`}

57 />

58 <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}`}

60 >

61 {props.children}

62 </div>

@@ -120,29 +120,6 @@ export default function Header(props) {

120 Events

121 </ActiveLink>

122 </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>

146

123

147 <button

124 <button

148 onClick={() => toggleTray(!isOpen)}

125 onClick={() => toggleTray(!isOpen)}

styles/globals.css+6−26

@@ -173,35 +173,15 @@ a:hover {

173}

174

175.menu-open {

176− animation: hide var(--tray-time) linear;

176+ left: 0;

177+ visibility: visible;

178+ display: block;

177}

179}

178

180

179.menu-closed {

181.menu-closed {

180− animation: hide var(--tray-time) linear;

182+ left: -100vw;

181−}

183+ visibility: hidden;

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;

184+ display: none;

204− }

205}

185}

206

186

207.dot::before {

187.dot::before {