Todos os informes
Informes de sfynx_displayed
#162166: "A few ideas to improve the displayed arrows in horizontal or vertical slide actions"
implemented: Esta suxestión xa foi implementada
1
Sobre qué é este informe?
Qué aconteceu? Por favor selecciona debaixo
Suxestión: na miña opinión, esta idea pode mellorar moito a implementación do xogo
Descrición detallada
• Por favor explica a túa suxestión de maneira precisa e concisa para que sexa o máis sinxelo posible entender o que queres dicir.
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.• Cal é o teu navegador?
Google Chrome v134
Historial de informes
22. Mar 2025 0:51 • Infi220 • Esta suxestión aínda non foi analizada polos desenvolvedores:
The -14px margin shift I mentioned is relative. Basically, in my test of the selected arrow I used this:
style="right: -16px; top: 230px; font-size: 90px; display: block;"
style="right: -16px; top: 230px; font-size: 90px; display: block;"
22. Mar 2025 2:27 • ufm • Esta suxestión xa foi implementada:
I received a similar complaint in another game I used arrows, so I opted to change arrow div backgrounds to a button instead.
Please test the interface and post a reply.
Please test the interface and post a reply.
22. Mar 2025 3:22 • Infi220 • Esta suxestión xa foi implementada:
I think this is an awesome idea although I'd adjust the styling to better match the game, and also make the selected arrow nicer. I did some tinkering and here is a side-by-side comparison with my version: i.ibb.co/FbzJLH4t/buttons.png
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.
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.
22. Mar 2025 3:38 • Infi220 • Esta suxestión xa foi implementada:
/* There is a line with "border-radius: 50%" but it's redundant because of "border-radius: 10px;", so I commented it out. */
.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;
}
.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;
}
Engade a este informe
Por favor engade aquí calquera cousa que sexa relevante para reproducir este erro ou entender a túa suxestión:
- Outro DI de mesa / ID de movemento
- Premer F5 resolveu o problema?
- Apareceu o problema varias veces? Tódalas veces? Aleatoriamente?
- Se tes un pantallazo deste erro (boa práctica), podes usar Imgur.com para subilo e copiar/pegar a ligazón aquí.
