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

Unable to get the copy/disconnect dropdown to show #22

Open
lmvdz opened this issue Jun 18, 2022 · 4 comments
Open

Unable to get the copy/disconnect dropdown to show #22

lmvdz opened this issue Jun 18, 2022 · 4 comments

Comments

@lmvdz
Copy link
Contributor

lmvdz commented Jun 18, 2022

I am able to get my wallet connected, but when I click the button with my public key showing it doesn't show the copy/disconnect dropdown.

I am using Vite + VueJS 3 + Vuetify

No errors in console

@lmvdz
Copy link
Contributor Author

lmvdz commented Jun 18, 2022

Figured out the issue... was actually opening up, but it was rendering in a Vuetify <v-app-bar> which has some overflow: none I think.

@lmvdz lmvdz closed this as completed Jun 18, 2022
@lmvdz lmvdz reopened this Jun 18, 2022
@lmvdz
Copy link
Contributor Author

lmvdz commented Jun 18, 2022

image

But it should be showing, but I can't see it

@lmvdz
Copy link
Contributor Author

lmvdz commented Jun 18, 2022

I ended up doing hacky css to fix this...

<template>
  <v-app>
    <!-- <v-navigation-drawer app> -->
      <!-- -->
    <!-- </v-navigation-drawer> -->

    <wallet-multi-button dark/>


    <v-app-bar app>
      <!-- -->
      <Logo :height="64" heightUnits="px" :width="64" widthUnits="px"/>
      <GithubLink :height="32" heightUnits="px" :width="32" widthUnits="px"/>
      <v-spacer/>
    </v-app-bar>

    <!-- Sizes your content based upon application components -->
    <v-main>
      
      <!-- Provides the application the proper gutter -->
      <v-container fluid>
        <!-- If using vue-router -->
        <router-view/>
      </v-container>
    </v-main>

    <v-footer app>
      <v-row>
        
      </v-row>
    </v-footer>
  </v-app>
  
</template>
<style>

.swv-dropdown {
  position: absolute !important; right: 0px; top: 0px; z-index: 1008;
}

.swv-dropdown-list {
  top: 3.25em !important;
  right: 1em !important;
}

.swv-button-trigger {
  position: absolute !important; right: 0px; top: 0px; z-index: 1008; margin: .5em;
}

</style>

@lmvdz
Copy link
Contributor Author

lmvdz commented Jun 18, 2022

works, but still have that same issue as #7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant