#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 given PRIORITY!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Detailed description
-
• Please copy/paste the error message you see on your screen, if applicable.
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 explain what you wanted to do, what you did and what happened
• Which browser are you using?
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?
• Which browser are you using?
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. • Which browser are you using?
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. • Which browser are you using?
Google Chrome v134
-
• Which part of the rules was not followed 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?
• Which browser are you using?
Google Chrome v134
-
• What 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 did you try to do to trigger this game action?
-
• What happened when you tried to do this (error message, game status bar message, ...)?
• Which browser are you using?
Google Chrome v134
-
• At which step of the game did the problem occur? 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 tried to do this game action (error message, game status bar message, ...)?
• Which browser are you using?
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. • Which browser are you using?
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?
• Which browser are you using?
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. • Which browser are you using?
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 to this report
- 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.
