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

sidebar issue #161

Open
Bounty38 opened this issue Dec 12, 2024 · 8 comments · May be fixed by #162
Open

sidebar issue #161

Bounty38 opened this issue Dec 12, 2024 · 8 comments · May be fixed by #162

Comments

@Bounty38
Copy link

image

appear next to sidebar instead of in it. Used to be fine, then broke after one of discord/vencord updates.

@pinetreemoonlight
Copy link

Same issue here, tried to fix with my noob skills but wasn't successful :(

Additionally, the "own profile" button next to the chat bar is gone, and all that's left is a black square that isn't clickable (see pic)

image

@Bounty38
Copy link
Author

Bounty38 commented Dec 13, 2024

Same issue here, tried to fix with my noob skills but wasn't successful :(

Additionally, the "own profile" button next to the chat bar is gone, and all that's left is a black square that isn't clickable (see pic)

A guy named Jaden (discord 9.11.01) posted a temporary solution in Discord. You could modify theme file, or use a snippet in discord to apply that fix.

:root .panels_a4d4d9 > .container_b2ca13 > .avatarWrapper_b2ca13 {position: static;}
:root .panels_a4d4d9 > .container_b2ca13 > .avatarWrapper_b2ca13 > .avatar_b2ca13 {
    width: 32px !important;
    height: 32px !important;
}
:root .panels_a4d4d9 > .container_b2ca13 > .avatarWrapper_b2ca13 > .avatar_b2ca13 foreignObject {
    width: 32px !important;
    height: 32px !important;
}
:root .panels_a4d4d9 > .container_b2ca13 > .avatarWrapper_b2ca13 > .avatar_b2ca13 .pointerEvents_c51b4e {
    x:  22px;
    y: 22px;
}
:root section.panels_a4d4d9 > .container_b2ca13 { 
    height: 52px;
    justify-content: space-between;
}
:root section.panels_a4d4d9 > .container_b2ca13 > .flex_dc333f {
  position: static;
  flex-direction: row;
  width: unset;
  z-index: unset;
  background: transparent;
  padding: 0;
}
:root .panels_a4d4d9 > .container_b2ca13 > .avatarWrapper_b2ca13 > .avatar_b2ca13 + .nameTag_b2ca13 {display: block;max-width: 85px;}
:root section.panels_a4d4d9 > .container_b2ca13 > .flex_dc333f > .button_adca65 { margin: auto;}
:root nav.guilds_a4d4d9 .scroller-2TZvBN, :root nav.guilds_a4d4d9 .scroller_fea3ef { padding-bottom: 0;}
:root .chat_a7d72e .form_a7d72e { padding-left: 16px;}
:root .chat_a7d72e .form_a7d72e .channelTextArea_a7d72e .scrollableContainer_bdf0de::after, :root .chat_a7d72e .form_a7d72e .wrapper_faf5ab::after { content: none;}

This wouldnt solve the problem completely, as the bar would be only relocated to default place, but at least it wouldnt be a problem for now.

image

@pinetreemoonlight
Copy link

A guy named Jaden (discord 9.11.01) posted a temporary solution in Discord. You could modify theme file, or use a snippet in discord to apply that fix.

Thank u so much for sharing, this is much better for now :)

@BergNetworks
Copy link

v0LsXRpGer

Same issue here.

@SuperSayf
Copy link

A guy named Jaden (discord 9.11.01) posted a temporary solution in Discord. You could modify theme file, or use a snippet in discord to apply that fix.

Thanks, appreciated

@faustaahmad
Copy link

faustaahmad commented Dec 13, 2024

Idk how accurate this, feel free to modify

:root {
  section[aria-label="User area"] > div[class*="container_"] {
    position: fixed;

    div[class*="avatarWrapper_"] {
      bottom: 27.5px;
      left: 256px;
    }
    div[class*="flex_"] {
      left: -72.5px;
      padding: 8 0 8 0;
    }
  }
  ul[data-list-id="guildsnav"] div[class^="footer_"] {
    display: none; /* comment this to make Discovery visible */
    bottom: 115px;
    padding: 8 0 8 0;
  }
  div[class*="unreadMentionsFixedFooter_"] {
    height: 16px;
    bottom: 128px; /* Discovery invisible
    bottom: 188px; /* Discovery visible */
  }
}

@pinetreemoonlight
Copy link

pinetreemoonlight commented Dec 14, 2024

Idk how accurate this, feel free to modify

:root {
  section[aria-label="User area"] div[class*="container_"] {
    position: fixed;

    div[class*="avatarWrapper_"] {
      bottom: 27.5px;
      left: 256px;
    }
    div[class*="flex_"] {
      left: -72.5px;
      padding: 8 0 8 0;
    }
  }
  ul[data-list-id="guildsnav"] div[class^="footer_"] {
    display: none; /* comment this to make Discovery visible */
    bottom: 115px;
    padding: 8 0 8 0;
  }
  div[class*="unreadMentionsFixedFooter_"] {
    height: 16px;
    bottom: 128px; /* Discovery invisible
    bottom: 188px; /* Discovery visible */
  }
}

btw this works, but it hides the voice channel info when one is connected to a voice channel:
with your snippet while connected to voice:
image

without your snippet while connected to voice:
image

Edit: or was that part always hidden with Comfy theme? I forgot.

@faustaahmad
Copy link

@pinetreemoonlight didnt count for connected to a channel, adding > seems to fix the issue

section[aria-label="User area"] > div[class*="container_"]

@Metro420yt Metro420yt linked a pull request Dec 15, 2024 that will close this issue
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

Successfully merging a pull request may close this issue.

5 participants