All reports
#13845: "CSS ID for game being played to allow CSS to be applied only to a specific game?"
implemented: This suggestion has been implemented
20
What is this report about?
BGA website
What happened? Please select from below
Suggestion: in my opinion, the following would greatly improve the website
Detailed description
• Please explain your suggestion precisely and concisely so that it's as easy as possible to understand what you mean.
I have created some CSS modifications to transform Koi-Koi into a more traditional style.
boardgamearena.com/forum/viewto ... 986#p50986
I would like my CSS to apply only to the Koi-Koi game page, but I cannot find an ID that says what game is being played?
It would be great if a CSS ID containing the name of the game being played could be added to one of the top level elements of the page.
This would allow CSS to be applied only to a specific game.
Thanks for your consideration.• Which browser are you using?
Safari v13
Report history
May 9th 2020 11:33 • pjt33 • This suggestion has not been analyzed by the developers yet:
Some specific games (e.g. Can't Stop) do add a useful ID around their main game area, but the advantages to having a game-identifying id or class higher up the tree are twofold: firstly, it doesn't depend on developers adding the identifier individually to each game; and secondly, it allows per-game customisation of the "player board" areas.
Mar 20th 2021 4:52 • apocalyptech • This suggestion has not been analyzed by the developers yet:
Yeah, just adding my own "me too" in here! I just added a couple of things to Marrakech's "carpet" class, but I wouldn't be at all surprised if some other game on here also has a "carpet" class, which I'd love to not touch.
Aug 14th 2021 18:31 • Paul_Chelsfield • This suggestion has not been analyzed by the developers yet:
This would take almost nothing in terms of programming effort from the tech team (add a class, id or data attribute to any element, e.g. html, body, top level div) and would make it possible for custom CSS to target individual games to allow users to improve their own experiences should they wish to. Soooo many games have minor graphics quirks that I'd love to improve for myself.
Sep 1st 2021 16:52 • Een • This suggestion has been implemented:
Thanks for this suggestion. Since the latest release, there is now a "bgagame-<gamename>" class set on a high level element wrapping the game area.
Note for experts: your improvement fixes would reach more players if contributed as new game versions via studio.boardgamearena.com rather than a custom css ;)
Note for experts: your improvement fixes would reach more players if contributed as new game versions via studio.boardgamearena.com rather than a custom css ;)
Sep 1st 2021 20:46 • pjt33 • This suggestion has been implemented:
Een, thank you.
I'm not sure it's worth forking games to fix some of the things I fix in CSS (e.g. boardgamearena.com/bug?id=19941 - it should be a very quick fix for someone who already knows the code base, but I'm not going to spend hours learning the code base when I can work around the bug with one line of custom CSS); and some of my other custom CSS improvements replace official graphics with unofficial ones which are much clearer but which wouldn't be acceptable in the official version; or replace tiny webp images with large SVG ones which probably also violate some developer guideline on asset size.
I'm not sure it's worth forking games to fix some of the things I fix in CSS (e.g. boardgamearena.com/bug?id=19941 - it should be a very quick fix for someone who already knows the code base, but I'm not going to spend hours learning the code base when I can work around the bug with one line of custom CSS); and some of my other custom CSS improvements replace official graphics with unofficial ones which are much clearer but which wouldn't be acceptable in the official version; or replace tiny webp images with large SVG ones which probably also violate some developer guideline on asset size.
Sep 4th 2021 21:53 • apocalyptech • This suggestion has been implemented:
Indeed, thank you! I'll certainly keep that Studio area in mind if I've got anything which would be of general interest/usefulness. Cheers!
Add to this report
Please add here anything that seems relevant in order to reproduce this bug or understand your suggestion:
- Another table ID / move ID
- Did F5 solve the problem?
- Did the problem appear several times? Every time? Randomly?
- If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
