#162166: "A few ideas to improve the displayed arrows in horizontal or vertical slide actions"
What is this report about?
What happened ? Please select from below
What happened ? Please select from below
Please check if there is already a report on the same subject
If yes, please VOTE for this report. Reports with the most votes are taken care of in PRIORITY!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Detailed description
-
• Please copy/paste the error message you see on your screen, if any.
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. -
• Please explains what you wanted to do, what you do and what happened
• What is your browser?
Google Chrome v134
-
• Please copy/paste the text displayed in English instead of your language. If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. -
• Is this text available in the translation system? If yes, has it been translated for more than 24 hours?
• What is your browser?
Google Chrome v134
-
• Please explain your suggestion precisely and concisely so that it's as easy as possible to understand what you mean.
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. • What is your browser?
Google Chrome v134
-
• What was displayed on the screen when you were blocked (Blank screen? Part of the game interface? Error message?)
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. • What is your browser?
Google Chrome v134
-
• Which part of the rules was not respected by the BGA adaptation
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. -
• Is the rules violation visible on game replay? If yes, at which move number?
• What is your browser?
Google Chrome v134
-
• Which was the game action you wanted to do?
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. -
• What do you try to do to trigger this game action?
-
• What happened when you try to do this (error message, game status bar message, ...)?
• What is your browser?
Google Chrome v134
-
• At which step of the game did the problem occurs (what was the current game instruction)?
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. -
• What happened when you try to do a game action (error message, game status bar message, ...)?
• What is your browser?
Google Chrome v134
-
• Please describe the display issue. If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. • What is your browser?
Google Chrome v134
-
• Please copy/paste the text displayed in English instead of your language. If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. -
• Is this text available in the translation system? If yes, has it been translated for more than 24 hours?
• What is your browser?
Google Chrome v134
-
• Please explain your suggestion precisely and concisely so that it's as easy as possible to understand what you mean.
When I tried using the horizontal or vertical slide action for the first time, I wasn't sure what I'm supposed to click to make it work. The arrows didn't look clickable, so I selected a tile under an arrow, then clicked [Use action] only to be told that I need to in fact select an arrow. To avoid this confusion I suggest the following minor change:
- Enlarge the transparent clickable area of the arrows (i.e. class="arrowspace") to encompass the whole tile under each arrow. It means that when a user tries to select a tile under the arrow, it will result in the arrow being selected.
I also have the two following suggestions to improve the look of the arrows. I already tried them using Chrome dev tools, and I made this screenshot to show you the result: i.ibb.co/dwQD9MVX/Screenshot-2025-03-21-162938.png
- Consider replacing the white color with a more thematic tone. I did some experimenting and I think this color looks great: #f2dec1
- It would be nice to make the *selected* arrow larger and aligned with the center of other arrows. I'd suggest a font-size: 90px and margin shift -14px for this. • What is your browser?
Google Chrome v134
Report history
style="right: -16px; top: 230px; font-size: 90px; display: block;"
Please test the interface and post a reply.
What do you think? Of course, it's your game so I don't want to impose my preferences, but if you like my version I'd be happy to send you my style adjustments so you can copy/paste them.
.arrowspace.selected_arrow {
-webkit-text-stroke: .5px #000000;
color: #f5e4cc;
background: linear-gradient(315deg, #ffedc4, #8b6026);
}
.arrowspace {
-webkit-text-stroke: .5px #000;
background: linear-gradient(135deg, #ffedc4, #8b6026);
/* border-radius: 50%; maybe this is not needed? */
border-radius: 10px;
box-shadow: 2px 2px 2px 0px #000000;
color: #915a2f;
cursor: pointer;
font-size: 50px;
font-weight: 700;
height: 60px;
line-height: 60px;
position: absolute;
text-align: center;
user-select: none;
width: 60px;
z-index: 2;
border-style: solid;
border-width: 1px;
}
Add something to this report
- Another table ID / move ID
- Did F5 solve the problem?
- Did the problem appears several time? Everytime? 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.
