#22380: "Provide hooks for custom CSS"
Με τι σχετίζεται αύτη η αναφορά;
Τι συνέβη; Επιλέξτε από τα παρακάτω
Τι συνέβη; Επιλέξτε από τα παρακάτω
Ελέγξτε αν υπάρχει ήδη αναφορά για το ίδιο θέμα
Εάν ναι, παρακαλούμε ΨΗΦΙΣΤΕ για αυτήν την αναφορά. Στις εκθέσεις με τις περισσότερες ψήφους δίνεται προτεραιότητα!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Λεπτομερής περιγραφή
-
• Παρακαλούμε κάντε αντιγραφή/επικόλληση του μηνύματος που βλέπετε στην οθόνη σας, αν υπάρχει.
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. -
• Παρακαλώ εξηγήστε τι θέλατε να κάνατε, τι κάνατε και τι συνέβη
• Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Παρακαλώ κάνε αντιγραφή/επικόλληση του κειμένου που απεικονίζεται στα αγγλικά αντί για αυτό που είναι στη γλώσσα σου.. Αν έχεις ένα screenshot αυτού του bug (καλή πρακτική), μπορείς να χρησιμοποιήσεις μια υπηρεσία φιλοξενίας εικόνων της επιλογής σου (για παράδειγμα snipboard.io) για να το ανεβάσεις και να αντιγράψεις/επικολλήσεις τον σύνδεσμο εδώ. είναι αυτό το κείμενο διαθέσιμο στο σύστημα μετάφρασης; Αν ναι, έχει μεταφραστεί για παραπάνω από 24 ώρες;
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. • Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Παρακάλώ εξηγήστε την πρότασή σας με ακρίβεια και περιεκτικότητα, ώστε να είναι όσο το δυνατόν πιο εύκολο να γίνει αντιληπτό τι εννοείτε.
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. • Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Τι εμφανιζόταν στην οθόνη όταν σταμάτησε (Κενή οθόνη; Μέρος του περιβάλλοντος του παιχνιδιού; Μήνυμα σφάλματος;)
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. • Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Ποιο μέρος των κανόνων δεν έγινε σεβαστό από την μετατροπή του παιχνιδιού για την BGA
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. -
• Είναι η παραβίαση των κανόνων ορατή στην αναπαραγωγή του παιχνιδιού; Αν ναι, σε ποια κίνηση;
• Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Ποια ήταν η δράση του παιχνιδιού που ήθελες να κάνεις;
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. -
• Τι προσπαθείτε να κάνετε για να ενεργοποιείσετε αυτήν την ενέργεια του παιχνιδιου;
-
• Τι συνέβη όταν προσπαθήσατε να το κάνετε αυτό (μνμ σφάλματος, μνμ στην μπάρα κατάστασης, ...);
• Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Σε ποια φάση του παιχνιδιού προέκυψε το πρόβλημα (ποιά ήταν η τρέχουσα οδηγία στο παιχνίδι);
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. -
• Τι συνέβη όταν προσπαθήσατε να κάνετε κάποια ενέργεια στο παιχνίδι (μνμ σφάλματος, μνμ στην μπάρα κατάστασης, ...);
• Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Παρακαλούμε περιγράψτε το πρόβλημα απεικόνισης που έχετε. Αν έχεις ένα screenshot αυτού του bug (καλή πρακτική), μπορείς να χρησιμοποιήσεις μια υπηρεσία φιλοξενίας εικόνων της επιλογής σου (για παράδειγμα snipboard.io) για να το ανεβάσεις και να αντιγράψεις/επικολλήσεις τον σύνδεσμο εδώ.
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. • Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Παρακαλώ κάνε αντιγραφή/επικόλληση του κειμένου που απεικονίζεται στα αγγλικά αντί για αυτό που είναι στη γλώσσα σου.. Αν έχεις ένα screenshot αυτού του bug (καλή πρακτική), μπορείς να χρησιμοποιήσεις μια υπηρεσία φιλοξενίας εικόνων της επιλογής σου (για παράδειγμα snipboard.io) για να το ανεβάσεις και να αντιγράψεις/επικολλήσεις τον σύνδεσμο εδώ. είναι αυτό το κείμενο διαθέσιμο στο σύστημα μετάφρασης; Αν ναι, έχει μεταφραστεί για παραπάνω από 24 ώρες;
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. • Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
-
• Παρακάλώ εξηγήστε την πρότασή σας με ακρίβεια και περιεκτικότητα, ώστε να είναι όσο το δυνατόν πιο εύκολο να γίνει αντιληπτό τι εννοείτε.
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. • Ποιο είναι το πρόγραμμα περιήγησής σου;
Google Chrome v79
Ιστορικό αναφορών
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.
Πρόσθεσε κάτι σε αυτήν την αναφορά
- Άλλο ID τραπεζιού/ ID κίνησης
- Το F5 έλυσε το πρόβλημα;
- Το πρόβλημα εμφανιζόταν αρκετές φορες;Παντού ; Τυχαία;
- Αν έχεις ένα screenshot αυτού του bug (καλή πρακτική), μπορείς να χρησιμοποιήσεις μια υπηρεσία φιλοξενίας εικόνων της επιλογής σου (για παράδειγμα snipboard.io) για να το ανεβάσεις και να αντιγράψεις/επικολλήσεις τον σύνδεσμο εδώ.
