[Mod Browsing Overhaul Discussion]

Another nitpick:

Please move the "Go to page" thing to the right, or use a dropdown/popup like this forum so that it pulls less attention.
I mainly use the right arrow to go to the next page and my focus goes the rightmost thing at the bottom, which is the highlighted "Go" button. Lots of missclicks...

And show more pages in the navigation (like +/-3 from first page,  last page and around current page), you show more if I am on page 1 (see above): 
 

Compare it against the forum: more pages to jump to, less highlighed "go to" (hidden behind dropdown/-up):
  

[Mod Browsing Overhaul Discussion]

16 hours ago, zloybelka said:

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

Added to my post, spoiler at bottom.
I pretty much only use the main page and mod filter, it might change other stuff I haven't noticed.
No support of course might break on updates

[Mod Browsing Overhaul Discussion]

Bug (probably known): Trending Mods do not have the "Downloaded" or "Update available" badge
Seems to added, thank you very much

Please waste less space, especially vertical space!

Suggested tweaks:

• Pet Peeve since the old design: Why a close button in the NavBar for the "Game Button"? The Nexus Icon does the same thing
  Also longer game names get cut off, even if there is space in the NavBar -> Remove the close button and make the name button wider.
• Let users hide main page sections like "Popular Collections" or "Media"
• Wider Main page for wider screens 
  • Growing "Trending Mods" cards might get to big vertically?
    Maybe show 3 mods on the first line on wider screens?
• Remove the horizontal line in "Trending Mods"
• Remove header with "Game Name" + "Mods 103.6k | Collections 5.1k | Media 234.3k" header, counts are nice but why not move them to the nav bar?
  • Especially applies to browsing mods where it just shows "Game Name" and "Browse the internet's best mods". WASTED SPACE!!!!111
  • For Collections it cannot just be removed, it has information, links and the Vortex requirement box
• Highlight mod cards that have updates (the "Update available" badge is easily missable) 
  • Idea: change background of card and message

Some tweaks I did for myself with custom CSS:

Spoiler

• 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

 

 

Custom CSS (apply using a plugin like Stylus):
Might apply on other pages, targeting certain elements is annoyoing since tailwind is used.

Spoiler

/*--- Navbar - Game Name: remove close button, double max width ---*/
body header div.items-center > div:nth-of-type(1) > a:nth-of-type(1) {
    border-radius: .25rem;
    max-width: 16rem;
}
body header div.items-center > div:nth-of-type(1) > a:nth-of-type(2) {
    display: none;
}

/*--- Navbar: remove collections dropdown ---*/
body header div.items-center > div:nth-of-type(2) > div:nth-of-type(3) {
    display: none;
}

/*--- Main page: remove breadcrumbs and reduntant header (name, amount of mods etc.) ---*/
body div#mainContent > div.relative > div.relative > div.border-stroke-weak {
    display: none;
}

/*--- Main page: ALT to just remove reduntant header (name, amount of mods etc.) ---*/
body div#mainContent section[aria-labelledby="game-header"] {
/*     display: none; */
}

/*--- Main page: remove line in "Trending Mods" ---*/
section[aria-labelledby="trending-mods-header"] > div > hr {
    display: none;
}

/*--- Main page: remove "Popular Collections" ---*/
body div#mainContent section[aria-labelledby="popular-collections-header"] {
    display: none;
}

/* Mod Grid/Cards: make Update available stand out */
div.absolute.left-3.top-3.z-10.rounded.bg-neutral-50:has(span.text-neutral-inverted) {
    background-color: #5dc4f9;
}
div.\@container\/mod-tile:has(span.text-neutral-inverted) {
    background-color: #0b2e40;
}