Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New SecHub website: Menus not working #3744

Open
sven-dmlr opened this issue Dec 13, 2024 · 0 comments
Open

New SecHub website: Menus not working #3744

sven-dmlr opened this issue Dec 13, 2024 · 0 comments
Labels
bug Something isn't working website

Comments

@sven-dmlr
Copy link
Member

Situation

The vue-js code does not work for Menu Buttons:

  • 'Documentation' at the top
  • 'Download' should display a list of downloadable files

The weird thing is that the problem only occurs on Github Pages.
When /docs is served by a local web server then all works as expected.

Example code

            <Menu as="div" class="relative inline-block">
              <div>
                <MenuButton class="menu-item"> Documentation </MenuButton>
              </div>

              <transition
                enter-active-class="transition duration-100 ease-out"
                enter-from-class="transform scale-95 opacity-0"
                enter-to-class="transform scale-100 opacity-100"
                leave-active-class="transition duration-75 ease-in"
                leave-from-class="transform scale-100 opacity-100"
                leave-to-class="transform scale-95 opacity-0"
              >
                <MenuItems
                  class="absolute left-0 mt-2 w-56 origin-top-left divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none"
                >
                  <MenuItem v-for="link in documentationItems" :key="link.title">
                    <NuxtLink
                      :to="link.href"
                      target="_blank"
                      class="group flex w-full items-center rounded-md px-2 py-2 text-sm text-gray-700 transition-colors duration-300 hover:bg-fern-500 hover:text-white"
                    >
                      {{ link.title }}
                    </NuxtLink>
                  </MenuItem>
                </MenuItems>
              </transition>
            </Menu>

Wanted

Menus are working on Github Pages.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working website
Projects
None yet
Development

No branches or pull requests

1 participant