Skip to content

fix: sync userpanel width on window resize#181

Merged
SpaceEnergy merged 4 commits intoSpaceTheme:mainfrom
S0rax:bugfix/sync-userpanel-on-resize
May 5, 2026
Merged

fix: sync userpanel width on window resize#181
SpaceEnergy merged 4 commits intoSpaceTheme:mainfrom
S0rax:bugfix/sync-userpanel-on-resize

Conversation

@S0rax
Copy link
Copy Markdown
Contributor

@S0rax S0rax commented May 2, 2026

No description provided.

@SpaceEnergy
Copy link
Copy Markdown
Member

@S0rax maybe you have also a fix for the min-width in the webkit pages, bcs it's getting smaller then in library but when i remove the min-width in the css that i added so it's getting the full width, it's broke the width

@SpaceEnergy
Copy link
Copy Markdown
Member

grafik

@SpaceEnergy
Copy link
Copy Markdown
Member

SpaceEnergy commented May 2, 2026

grafik

@S0rax
Copy link
Copy Markdown
Contributor Author

S0rax commented May 2, 2026

@SpaceEnergy im not sure what you mean. can you tell me exactly what steps are needed to reproduce this?
as far as i can tell it works as expected - i dont see the width issue you are describing. can you maybe attach a short recording?
in general, the width styles are misleading in those pages. to make it more direct, you can do:

.RGNMWtyj73_-WdhflrmuY[style*="display: none;"] ._9sPoVBFyE_vE87mnZJ5aB {
  flex-grow: 1; /* fill the container as it grows */
  min-width: unset; /* the actual minimum width should be on .RGNMWtyj73_-WdhflrmuY[style*="display: none;"] */
  max-width: unset; /* same as above */
  width: unset !important; /* overwrite the inline style that has % values, read them with js but use flex for these views */
}

im not sure what behaviour you want to fix, but this might be helpful

@SpaceEnergy
Copy link
Copy Markdown
Member

@S0rax does this vid explain it?
https://youtu.be/RZHxS4GPwfc

@SpaceEnergy
Copy link
Copy Markdown
Member

and also there are a few pixel diffrents between the sidebar width and the webkit width, when you look closly then you see it

@S0rax
Copy link
Copy Markdown
Contributor Author

S0rax commented May 2, 2026

@S0rax does this vid explain it? https://youtu.be/RZHxS4GPwfc

sort of. this is still really strange. you have some third party application or os level layout manager which resizes the windows. current logic relies on a resize event on the window, which your application may not trigger. still, im not sure since i cant debug it. i can only say that manual dragging of the steam's edges works.
this is kinda hard because i cant reproduce it without getting the app that you have (and i dont want to install it just for that). i can try a blind fix with a ResizeObserver but, again, i cant test it

@S0rax
Copy link
Copy Markdown
Contributor Author

S0rax commented May 2, 2026

ok i added a fallback, can you check if the issue still persists? @SpaceEnergy

@S0rax
Copy link
Copy Markdown
Contributor Author

S0rax commented May 2, 2026

and also there are a few pixel diffrents between the sidebar width and the webkit width, when you look closly then you see it

as for the differences between the views, there are none on my machine
image
image

@SpaceEnergy
Copy link
Copy Markdown
Member

SpaceEnergy commented May 4, 2026

and also there are a few pixel diffrents between the sidebar width and the webkit width, when you look closly then you see it

as for the differences between the views, there are none on my machine

is it also when you have the sidebar at the smallest state?

@S0rax S0rax force-pushed the bugfix/sync-userpanel-on-resize branch from c267ee3 to 6a52c5a Compare May 5, 2026 22:02
@S0rax
Copy link
Copy Markdown
Contributor Author

S0rax commented May 5, 2026

and also there are a few pixel diffrents between the sidebar width and the webkit width, when you look closly then you see it

as for the differences between the views, there are none on my machine

is it also when you have the sidebar at the smallest state?

that one i can see - fixed

@SpaceEnergy
Copy link
Copy Markdown
Member

looks good now for me :D thx for this fix!!!

@SpaceEnergy SpaceEnergy merged commit 8cb69a0 into SpaceTheme:main May 5, 2026
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 this pull request may close these issues.

2 participants