Vencord icon indicating copy to clipboard operation
Vencord copied to clipboard

Visual Referesh UI issues

Open sadan4 opened this issue 10 months ago • 4 comments

Content

I haven't found any others yet, but if I do, ill add them here

Better folders has the sidebar rendered on the wrong side

Image

Image

PlainFolderIcon renders the top half as the plain folder icon and the bottom half as the small guild icons

Image

Image

Request Agreement

  • [x] I have read the requirements for opening an issue above

sadan4 avatar Feb 27 '25 04:02 sadan4

~~With the latest https://github.com/Vendicated/Vencord/commit/11715da, every time I send a message it will show the username and profile image for an instant and then disappears (For continous messages obviously)~~

I'm a retard. I just noticed it's because the clock got fucked with dual booting image

Constrat avatar Feb 28 '25 08:02 Constrat

The Game Activity toggle also breaks the layout now

DavidCGranger avatar Feb 28 '25 09:02 DavidCGranger

The Game Activity toggle also breaks the layout now

That is 1. Not caused by visual refresh. 2. Fixed in ff82532a18b3e02d8db8e59f8350692047f6c4f0

sadan4 avatar Feb 28 '25 12:02 sadan4

Oh, sorry then. I just thought it was related since I started having both issues at the same time.

DavidCGranger avatar Feb 28 '25 14:02 DavidCGranger

Better folders also has a vertical offset problem; there's unused space at the bottom, and the folder icon pokes into the close button at the top (on a mac, at least). Server icons covered for privacy.

(There are more servers on the list on the left folder, but you have to scroll to see them)

Image

EDIT: A quick hack to fix the folder icon overlapping with the close buttons:

.container_c48ade [style="width: 80px; display: flex;"] {
    padding-top: 38px;
}

phoenixeliot avatar Mar 25 '25 19:03 phoenixeliot

SpotifyControls is a bit broken too, the dot on the progress bar shows up below it and the corners aren't rounded

Thorebourne avatar Mar 25 '25 19:03 Thorebourne

Better folders also has a vertical offset problem; there's unused space at the bottom, and the folder icon pokes into the close button at the top (on a mac, at least). Server icons covered for privacy.

(There are more servers on the list on the left folder, but you have to scroll to see them)

Image

I feel like this is more likely part of the same issue with it being on the wrong side

sadan4 avatar Mar 25 '25 20:03 sadan4

The custom buttons should be updated too to fit the smaller icons at the message bar.

Ex: the first three button Image

yvvki avatar Mar 25 '25 20:03 yvvki

The UI in the Settings > Vesktop > Plugin should be uplifted to fit the redesign and color.

Image Note the inconsistent color on the cards.

Can be implemented using the visual refresh CSS var (taken from the .visual-refresh in User Settings > Authorized Apps):

.vc-addon-card {
  background: var(--card-primary-bg);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  /* ... */
}

The button need further refining to follow the redesign with smaller icon and square hover highlight (?)

EDIT: Or maybe use the .card__73069 and .cardPrimary__73069?

yvvki avatar Mar 25 '25 20:03 yvvki

Oneko will go under some UI elements

Image

sadan4 avatar Mar 26 '25 02:03 sadan4

PinDMs category titles have inconsistent spacing (top/bottom)

Image

Additionally, typing text is too small to comfortably read on Refresh + new chat input (Treatment 2)

Image

MurderAxolotl avatar Mar 26 '25 03:03 MurderAxolotl

PinDMs category titles have inconsistent spacing (top/bottom)

Image

Additionally, typing text is too small to comfortably read on Refresh + new chat input (Treatment 2)

Image

I just looked at pindms, and all headers were 24px in height and all users were 40px in height

The issue with typing tweaks is already mentioned in the issue

sadan4 avatar Mar 26 '25 03:03 sadan4

Isn't there some way to go back to the old UI with maybe some CSS or a plugin? I noticed a lot of things broken and it's been bugging me

PapaBones avatar Mar 26 '25 07:03 PapaBones

Isn't there some way to go back to the old UI with maybe some CSS or a plugin? I noticed a lot of things broken and it's been bugging me

enable the Experiments plugin and then set the "Desktop Visual Refresh" experiment to treatment 0

Thorebourne avatar Mar 26 '25 07:03 Thorebourne

set the "Desktop Visual Refresh" experiment to treatment 0

And where it is exactly, what tab ?

Edit: found it, it's not in the "?", but in the general menu, but it's still broken at restart Edit 2: experiments must not be disabled after fixing it, if it's still enabled it works at restart and theme works again

4n0nct avatar Mar 26 '25 13:03 4n0nct

Even after setting up the Experiments fix, the latest client update breaks the Shop for me, any time I click on it it entirely breaks my client and I have to restart

Image

Veragalz avatar Mar 26 '25 21:03 Veragalz

Even after setting up the Experiments fix, the latest client update breaks the Shop for me, any time I click on it it entirely breaks my client and I have to restart

Image

disable the Deep Link experiment and go complain to discord about not testing their web app

Vendicated avatar Mar 26 '25 22:03 Vendicated

NoBlockedMessages doesnt seem to be working

tom993 avatar Mar 27 '25 06:03 tom993

Oneko will go under some UI elements

this happened in the old ui as well. its a feature the kitty just likes hiding

rniii avatar Mar 27 '25 15:03 rniii

Oneko will go under some UI elements

this happened in the old ui as well. its a feature the kitty just likes hiding

Yea, but it happens a lot more now

sadan4 avatar Mar 27 '25 16:03 sadan4

in MessageLinkEmbeds, the side color will blend into the background and just look weird

image

sadan4 avatar Mar 28 '25 02:03 sadan4

Image

Covkie avatar Mar 28 '25 02:03 Covkie

VencordCompanion: out of place with the search bar and other buttons in the top row

I would expect it to be in either the very top row, or with the rest of the icons

image

sadan4 avatar Mar 28 '25 05:03 sadan4

the Legacy UI has lost word wrap, text goes out of bounds now.

notNSANE avatar Mar 28 '25 08:03 notNSANE

the Legacy UI has lost word wrap, text goes out of bounds now.

https://discord.com/channels/1015060230222131221/1026515880080842772/1354972853027733524

sadan4 avatar Mar 28 '25 12:03 sadan4

with the PinDM plugin, when I click on usernames/convos that are not pinned (to open that specific convo), the username list jumps unexpectedly to the wrong place, it almost seems like it's being offset by all the pinned stuff at the top

I.e. I click on an username to open a convo with that person, the username list jumps down to the point where I can't even see the name of the person I just clicked on

NOTE: This problem does not occur when clicking on pinned usernames/convos and it also does not occur with PinDM plugin disabled

lukasani94 avatar Apr 01 '25 18:04 lukasani94

with the PinDM plugin, when I click on usernames/convos that are not pinned (to open that specific convo), the username list jumps unexpectedly to the wrong place, it almost seems like it's being offset by all the pinned stuff at the top

I.e. I click on an username to open a convo with that person, the username list jumps down to the point where I can't even see the name of the person I just clicked on

NOTE: This problem does not occur when clicking on pinned usernames/convos and it also does not occur with PinDM plugin disabled

I can reproduce this, but I do not think it's to do with visual refresh

sadan4 avatar Apr 02 '25 15:04 sadan4

Is anyone else having an issue where the chat area slowly increases in width during use? It keeps pushing message quick actions as well as side panel menus off the screen

RedSousuke avatar Apr 03 '25 04:04 RedSousuke

Is anyone else having an issue where the chat area slowly increases in width during use? It keeps pushing message quick actions as well as side panel menus off the screen

yes, I have no idea what's causing in though

sadan4 avatar Apr 03 '25 04:04 sadan4

Has anyone mentioned the Read All button doesn't fit after the update? Can we adjust the padding/font size to make the text fit?

Image

I added the below in QuickCSS to make it look much better if that helps?

.vc-ranb-button {
    padding: 0 .4em;
}

:where(.visual-refresh) .button__201d5 {
    border: 0px solid var(--opacity-white-8);
}

Image

adkeyz avatar Apr 03 '25 08:04 adkeyz