JS Tweaks - Jonius7/SteamUI-OldGlory GitHub Wiki
This page documents what all the JS Tweaks
in fixes.txt
do.
Code examples here may not be updated, check fixes.txt
for the latest versions
Original Code | Tweaked Code |
---|---|
gridColumnGap: 16, |
gridColumnGap: 5, |
gridRowGap: 24 |
gridRowGap: 8 |
Controls the spacing/padding between each game image in the Home Page Grid.
This directly corresponds to the values set in libraryroot.custom.css
--GridRowGap
--GridColumnGap
Steam default is 24px 16px
which is way too big for my liking. I have set these to 8px 5px
By changing the grid spacing in CSS only, you are changing how wide a row in the grid is, however the Steam Library still calculates off the value in the JavaScript. So you will get weird scrolling quirks where games pop off onto the next row and such.
Original Code | Tweaked Code |
---|---|
vecScreenShots.slice(0, 4).map |
vecScreenShots.slice(0, 9).map |
t = t.slice(0, 6) |
t = t.slice(0, 12) |
Original Code | Tweaked Code |
---|---|
(n = 111, r = !0) : 2 == e ? n = 148 : 3 == e && (n = 222), { |
(n = 80, r = !0) : 2 == e ? n = 120 : 3 == e && (n = 160), { |
You want to change the 3 values highlighted in yellow here. They correspond to the Small, Medium, Large image sizes in Steam Library Settings
Default widths are 111
for Small, 148
for Medium, 222
for Large
An easier way to do this is with the GUI