#22380: "Provide hooks for custom CSS"
Hvad handler denne rapport om?
Hvad skete der? Vær venlig og vælg nedenunder
Hvad skete der? Vær venlig og vælg nedenunder
Vær sød at undersøge, om der allerede er sendt en besked om emnet
Hvis ja, venligst STEM for denne rapport. Rapporter med flest stemmer er dem der får PRIORITET!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Detaljeret beskrivelse
-
• Venligst kopier/indsæt fejlmeddelelsen du ser på din skærm, hvis der er en.
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. -
• Venligst forklar hvad du ønsker at gøre, hvad du gjorde og hvad der skete
• Hvilken browser bruger du?
Google Chrome v79
-
• Venligst kopier/indsæt tekst vist på engelsk i stedet for dit sprog. If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here. er der adgang til denne tekst i oversættelsessystem? Hvis ja, er det blevet oversat inden for 24 timer?
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. • Hvilken browser bruger du?
Google Chrome v79
-
• Forklar venligst dit forslag præcist og sammenfattende, så det er så let som muligt at forstå, hvad du mener.
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. • Hvilken browser bruger du?
Google Chrome v79
-
• Hvad blev der vist på skærmen, da du blev blokeret (Blank skærm? Noget af spilbrugerfladen? Fejlmeddelelse?)
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. • Hvilken browser bruger du?
Google Chrome v79
-
• Hvilken del af reglerne blev ikke respekteret ved BGA-tilpasningen
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. -
• Er regel-brudddet synligt i e
• Hvilken browser bruger du?
Google Chrome v79
-
• Hvad var den spilhandling du ønskede at udføre?
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. -
• Hvad forsøgte du at gøre for at udløse denne spilhandling?
-
• Hvad skete der, da du forsøgre at gøre dette (fejlmeddelelse, meddelelsesstatusbjælke, ...)?
• Hvilken browser bruger du?
Google Chrome v79
-
• I hvilket stadie af spillet opstod problemet (hvad var den daværende spilinstruktion)?
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. -
• Hvad skete der, da du forsøgte at udføre denne spilhandling (fejlmeddelelse, meddelelsesstatusbjælke, ...)?
• Hvilken browser bruger du?
Google Chrome v79
-
• Venligst beskriv display problemet. If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here.
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. • Hvilken browser bruger du?
Google Chrome v79
-
• Venligst kopier/indsæt tekst vist på engelsk i stedet for dit sprog. If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here. er der adgang til denne tekst i oversættelsessystem? Hvis ja, er det blevet oversat inden for 24 timer?
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. • Hvilken browser bruger du?
Google Chrome v79
-
• Forklar venligst dit forslag præcist og sammenfattende, så det er så let som muligt at forstå, hvad du mener.
This issue groups a few suggestions, but they're closely related so I think it makes sense to only open one issue.
1. Unless boardgamearena.com/bug?id=13845 is implemented first, please add a high-level id or class "cubirds" so that custom CSS can be targetted to only this game. E.g. you could follow the example of Can't Stop and put a <div id="cubirds"> as a child of #game_play_area wrapping #table_wrap and #myhand_wrap; then rules can be written with selector "#cubirds .stockitem" and not worry about breaking other games.
2. A typical card in the DOM looks like
<div id="table_cards_line_0_item_43" class="stockitem " style="top: 0px; left: 786.5px; width: 60px; height: 80px; background-image: url("x.boardgamearena.net/data/themereleases/current/games/cubirds/200616-1303/img/cubirds_cards.png"); background-position: -600% 0%;"></div>
I can understand putting the top and left positions in inline style, but couldn't the width and height go into the stylesheet under selector .stockitem; and the background-image and background-position go into the stylesheet with selector .card_type_6 etc? Having classes for the different birds would also allow custom CSS to do things like using ::before to add helpful text with the names for those who want that.
3. Similarly for the "play birds" cards at the end of each row: these can probably be targetted by their IDs, but it would be nicer to have a class name by which to target them. I'd quite like to play around with alternative graphics.
4. Slightly off topic, but while I'm on the subject of the "play birds" cards, I don't think they need the background-position. The default position works fine because that sprite isn't a sprite sheet. • Hvilken browser bruger du?
Google Chrome v79
Rapporthistorik
CSS customs isn't possible anymore (temperally or forever)
Thanks for this report, I discovered that there were existing custom CSS in BGA ^^
For the first point, I think this is indeed something more related to the website, so I'll try to raise this to the admins to get feedback.
Regarding the other points (2,3 and 4) :
The card management is done through a standard way at BGA, using a custom library named stock. You can find more on this on BGA's wiki. en.doc.boardgamearena.com/Stock
This library is responsible to manage the cards positioning, animation... and does it the way you describe, using inline styles.
As a game developer, I have no control over it, but I have to say that sizes and background positioning are managed at a single Javascript place, and therefore doing it there instead of letting the devs do it within the css seems to me like a fair choice.
Tilføj noget til denne rapport
- Et andet bord-ID / træk ID
- Løste F5 problemet?
- Skete problemet flere gange? Hver gang? Tilfældigt?
- If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here.
