Mod Browsing Overhaul Discussion

[TMushS]

A few things. 

1.) On the main "welcome to nexus page" the alignment of the top menu bar is centered perfectly.  When going to the individual games, however, they align to fill the width of the screen.  For those with wide-screens, it's a lot more tiring on the eyes as you have to turn your head a bit too much.  Nitpicking but I prefer the centered alignment. 

2.) Agree with the title of games being on the page as wasted space..  It's already in the top menu, having it show up again as a header is redundant. 

3.) Can't stand the new search screen.  I like the use of the search, but, It's more intuitive, when you're on a specific mod page and want to see at a glance the mods as they populate the drop-down search field.  You can basically compare mods or rather, multitask by seeing the search results while staying on the same mod's page.  

4.)Have no issues with having the Hot files be renamed as 'trending'. That's fine, personal choice as it doesn't affect anything.

5.) I also would love to have the option to customize the sections.  The collections is okay, except the most popular collections will Always be the same ones, as they are, well, popular. So, you will pretty much always be showing the same two static pictures. I would put collections as one of the menu buttons, but not as a dedicated section.   However, If we could customize how our layout would be or which sections we want to hide or not, that would be a step in the right direction. 

Can't think of anything else at the moment, but regardless, looking forward to the progress.  

Happy modding,

-Mush-

[Skyking2020]

Not sure I love the new layout. I know, new things are hard to get used to. But it looks more like a wireframe waiting on approval than an actual layout. No colors, nothing really dividing sections, the arial font is boring. It looks like something made from a stock wordpress template and whoever built it forgot to load in background images and adjust all the options. I know it should make the whole experience easier to navigate, but it just looks like a sketchy site now with no thought to design or visual appearance.

 

Its not a joy to look at this new home page.

[mxkillerzz]

Is there a way to view image gallery without clicking into the mod now? I did like that feature a lot in the classic view. 

[cpyhex12]

its way easier to navigate and choose! i keep it! GJ!

[zloybelka]

  On 2/5/2025 at 9:01 PM, BleakBlack said:

Some tweaks I did for myself with custom CSS:

 

  Reveal hidden contents

• Wider game name, no close button
• Remove Breadcrumbs for Main Page
• Removed Game Name and Stats header
• Removed the horizontal line in "Trending Mods"

• Highlight cards when Update is available
  • works on mods filter as well

 

Expand  

Could you please post your custom CSS here? That close button is so pointlessly annoying. Other tweaks look nice too.

[LummoxJR]

I can at least post my own CSS tweaks I've just worked up in a stylesheet.

  Reveal hidden contents

/* Big header below breadcrumbs (since we can't shrink it enough, just nuke it) */
#mainContent nav:first-child + div {display: none;}

/* Get rid of egregious vertical padding */
.pt-4, .pt-6, .py-4, .py-6 {padding-top: 0.5rem;}
.pb-4, .pb-6, .py-4, .py-6 {padding-bottom: 0.5rem;}
.pb-6 {padding-bottom: 0.5rem;}

/* Get rid of egregious spacers */
.space-y-6 > :not([hidden]) ~ :not([hidden]) {margin-top: 0.5rem; margin-bottom: 0.5rem;;}

.group\/mod-tile {
    /* Don't enforce tile min-height */
    &.min-h-\[28rem\] {min-height: unset;}

    /* Radically reduce egregious padding */
    & > :nth-child(2) {padding-top: 0.2rem; padding-bottom: 0.2rem;}
    .py-2 {padding-top: 0.2rem; padding-bottom: 0.2rem;}
    /* Mod title font was too big */
    .typography-body-xl {font-size: 1rem;}
    /* Smaller text for author/category/times */
    .typography-body-sm {font-size: 0.7rem;}
    /* 5 lines of description, not 4 */
    .line-clamp-4 {-webkit-line-clamp: 5;}
    /* 1.5 line-height wasted space */
    .typography-body-md {line-height: 1.35;}
    
    /* Bottom box with endorsements/downloads/size */
    .min-h-8 {min-height: 1.5rem;}
}

.mods-grid {
    row-gap: 1rem;
}

/* Too much space between mods-grid and pagination */
.xs\:mb-10 {margin-bottom: 1.5rem;}

/* Title on mod page */
#featured h1 {
    font-family: 'Saira Condensed', sans-serif;
    margin-bottom: 0.5rem;
}

/* Gradient on mod page covers too much of the header image */
#featured #feature .gradient {height: 100px;}

 

In making this stylesheet I noticed there's a real problem with the way CSS is being used. Those classes like pt-4, pb-6, etc. are basically little better than inline styles. Most of the elements on the page aren't given functional class names, but instead have classes that define styles on them. Styles like this are hard to maintain and hard to override for readability. The mod list page needs more functional classes like these:

page-header
page-header-nav
page-header-game-title
sort-options
results-count
content-block-notice
mod-tile-image
mod-tile-title
mod-tile-author
mod-tile-time
mod-tile-desc
mod-tile-stats

Classes whose only purpose is to specify a specific amount of padding and such are fundamentally at odds with how CSS is supposed to be written. I know this kind of thing has infected a lot of sites, but I think we can do better here.

[Yolstrun]

Seems like something bled through back to the classic version. Clicking any of the MORE MODS or MEDIA tabs seems to open an entire Nexus.com/GAME/Mods or Media page with the correct filters but the Collections Header / Nexus Info Footer, Unable to 'View More', and the Top bar menus stop working.

[zloybelka]

  On 2/5/2025 at 4:07 AM, Battlestar1965 said:

I like this design

MUCH MUCH better than this design

Please don't change that.

Expand  

Ah, yes, the infamous browsing disease of 2020s - detached light as clouds on a sunny day tabs, the worst the UI-designers could come up with in terms of inusability. Pretty please, return actual tabs with color-coding for our convenience.

[n7magistrate]

It would be nice if somewhere on the profile one could specify which categories to exclude permanently, such as, for instance "Translations" which clutter both the mod searching interface and the "This mod is required by".

[zloybelka]

  On 2/5/2025 at 11:14 AM, PinkyDude said:

I think the previous, lighter grey design was easier on the eyes!

https://i.imgur.com/wtgGmZZ.jpeg

Expand  

Yes, it is. We've voiced this concern last year during the User Profiles beta. It got better on the mod tiles for end users but apparently still found a way to torment the mod makers.