Support us on Patreon to keep GamingOnLinux alive. This ensures all of our main content remains free for everyone. Just good, fresh content! Alternatively, you can donate through PayPal. You can also buy games using our partner links for GOG and Humble Store.
[Suggestions] Add coloured squares for ProtonDB
amatai Jun 19, 2023
  • Supporter
Hi everyone,

Four month ago, I've Asked Liam on the fedi to add coloured square for ProtonDB status of game in bundle.

I had a bit of time recently so I did that, I hope it help, not sure about what float, margin-bottom and clear do, I copy paste a snippets from stackoverflow but I do have looked for the correct color on ProtonDB.
No sure about the black border too, maybe borderless will be better. I don't trust my taste on design through.

Amatai

 
.protonDB_native {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: green;
}
.protonDB_platinum {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(180, 199, 220);
}
.protonDB_gold {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(207, 181, 59);
}
.protonDB_silver {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(166, 166, 166);
}

.protonDB_bronze {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: rgb(205, 127, 50);
}
.protonDB_borked {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
  background-color: red;
}
Liam Dawe Jun 20, 2023
I'm still playing with the idea, haven't gotten it to a place where I think it actually fits yet.
While you're here, please consider supporting GamingOnLinux on:

Reward Tiers: Patreon. Plain Donations: PayPal.

This ensures all of our main content remains totally free for everyone! Patreon supporters can also remove all adverts and sponsors! Supporting us helps bring good, fresh content. Without your continued support, we simply could not continue!

You can find even more ways to support us on this dedicated page any time. If you already are, thank you!
Login / Register


Or login with...
Sign in with Steam Sign in with Google
Social logins require cookies to stay logged in.

Buy Games
Buy games with our affiliate / partner links: