Merge pull request metaplex-foundation#7 from DanielFLopez/feature/ux…

…-improvements fix dropdown style
KirillLykov · Oct 13, 2021 · cee16ac · cee16ac
2 parents 754ff4e + 10fed3e
commit cee16ac
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/js/packages/common/src/components/ConnectButton/index.tsx b/js/packages/common/src/components/ConnectButton/index.tsx
@@ -46,7 +46,7 @@ export const ConnectButton = (props: ConnectButtonProps) => {
       onClick={handleClick}
       disabled={connected && disabled}
       overlay={
-        <Menu>
+        <Menu className={'black-dropdown'}>
           <Menu.Item onClick={open}>Change Wallet</Menu.Item>
         </Menu>
       }

diff --git a/js/packages/web/src/views/styles.less b/js/packages/web/src/views/styles.less
@@ -180,7 +180,6 @@
 .connector {
   color: #121212;
   border-color: #121212;
-  background-color: #FFFFFF !important;
   box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.12);
   border-radius: 8px;
   padding: 12px 20px;
@@ -387,3 +386,12 @@ h2 {
   font-size: 0.8rem;
   margin-bottom: 10px;
 }
+
+.black-dropdown {
+  background-color: #121212;
+
+  .ant-dropdown-menu-item:hover {
+    background-color: white;
+    color: black;
+  }
+}