fix: ConnectWalletButton styles

cardano-foundation · Sep 24, 2024 · 50b7eb9 · 50b7eb9
1 parent fe582b6
commit 50b7eb9
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 12 deletions.
diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.scss
@@ -1,7 +1,9 @@
 .button-container {
   position: relative;
-
+  z-index: 1300;
   .main-button {
+    position: relative;
+    z-index: 1301;
     border-radius: 12px;
     border: 1px solid var(--orange, #ee9766);
     display: inline-flex;
@@ -102,7 +104,6 @@
   border: 1px solid #d2d2d9;
   background: var(--color-light-blue);
   display: inline-flex;
-  padding: 16px 20px;
   justify-content: center;
   align-items: center;
   gap: 10px;

diff --git a/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx b/ui/summit-2024/src/components/ConnectWalletButton/ConnectWalletButton.tsx
@@ -73,7 +73,7 @@ const ConnectWalletButton = (props: ConnectWalletButtonProps) => {
     >
       <Button
         sx={{
-          zIndex: "99",
+          zIndex: 1300,
           padding: isMobile ? "10px 10px" : "16px 20px",
           width: "90%",
           margin: showAddress ? "20px" : null,

diff --git a/ui/summit-2024/src/components/Header/Header.tsx b/ui/summit-2024/src/components/Header/Header.tsx
@@ -356,14 +356,17 @@ const Header = () => {
 
                 {isPortrait ? (
                   <IconButton
-                    color="inherit"
                     onClick={() => setMenuIsOpen(true)}
                     sx={{
                       marginLeft: "auto",
                       padding: "10px",
                       borderRadius: "12px",
                       background:
                         "linear-gradient(258deg, #EE9766 0%, #40407D 187.58%, #0C7BC5 249.97%)",
+                      color: theme.palette.background.default,
+                      '&:hover': {
+                        color: theme.palette.text.neutralLight
+                      }
                     }}
                   >
                     <MenuOutlinedIcon />

diff --git a/ui/summit-2024/src/components/Layout/Layout.tsx b/ui/summit-2024/src/components/Layout/Layout.tsx
@@ -96,8 +96,8 @@ const Layout: React.FC<LayoutProps> = ({
                   },
                   marginTop: "14px",
                   position: "fixed",
-                  top: 72,
-                  zIndex: 1200,
+                  top: 82,
+                  zIndex: 1092,
                   background: theme.palette.background.default,
                 }}
               >

diff --git a/ui/summit-2024/src/pages/Categories/Categories.tsx b/ui/summit-2024/src/pages/Categories/Categories.tsx
@@ -147,7 +147,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
   }, [fadeChecked, selectedCategory]);
 
   const handleClickMenuItem = (category: string) => {
-    console.info(`Selected category option: ${category}`);
     setFadeChecked(false);
     // @ts-ignore
     setSelectedCategory(category);
@@ -250,9 +249,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
       (p) => p.id === selectedNominee,
     )?.id;
 
-    console.info(`Selected Category: ${selectedCategory}`);
-    console.info(`Category Data: ${JSON.stringify(category)}`);
-
     if (!category?.id) {
       eventBus.publish(
         EventName.ShowToast,
@@ -283,8 +279,6 @@ const Categories: React.FC<CategoriesProps> = ({ embedded }) => {
         slotNumber: absoluteSlot.toString(),
       });
 
-      console.info(`Canonical Vote: ${JSON.stringify(canonicalVoteInput)}`);
-
       const requestVoteResult = await signMessageWithWallet(
         connectedWallet,
         canonicalVoteInput,