#162166: "A few ideas to improve the displayed arrows in horizontal or vertical slide actions"
Sobre o que é este relatório?
O que aconteceu ? Por favor escolha abaixo
O que aconteceu ? Por favor escolha abaixo
Por favor, cheque se já há um report com o mesmo assunto
Se sim, por favor, VOTE para este report. Reports com mais votos recebem PRIORIDADE!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Descrição detalhada
-
• Por favor copie e cole a mensagem de erro que aparece na tela, se possível.
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. -
• Por favor explique o que queria fazer, o que fez e o que aconteceu
• Qual navegador você está usando?
Google Chrome v134
-
• Por favor copie/cole o texto em inglês em vez de sua língua. Se você tiver uma captura de tela desse bug (boa prática), pode usar um serviço de hospedagem de imagens de sua escolha (por exemplo, snipboard.io) para enviá-la e copiar/colar o link aqui. Este texto está disponível no sistema de traduções? Se sim, foi traduzido há mais de 24 horas?
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. • Qual navegador você está usando?
Google Chrome v134
-
• Por favor, explique sua sugestão precisamente e de forma concisa, de forma que fique o mais fácil possível, entender o que você quer dizer.
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. • Qual navegador você está usando?
Google Chrome v134
-
• O que estava presente na tela quando você estava bloqueado (tela em branco? Parte da imagem do jogo? Mensagem de erro?)
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. • Qual navegador você está usando?
Google Chrome v134
-
• Que parte das regras não foi respeitada pela adaptação do BGA?
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. -
• A violação de regras está visível na revisão do jogo? Se sim, em que número de jogada?
• Qual navegador você está usando?
Google Chrome v134
-
• Qual era a ação de jogo que queria fazer?
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. -
• O que você tentou fazer para provocar esta ação de jogo?
-
• O que aconteceu quando tentou fazer isto(mensagem de erro, mensagem na barra de estado do jogo)?
• Qual navegador você está usando?
Google Chrome v134
-
• Em que passo do jogo ocorre o problema(qual era a instrução corrente do jogo)?
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. -
• O que aconteceu quando tentou fazer essa ação de jogo (mensagem de erro, mensagem na barra de estado do jogo)?
• Qual navegador você está usando?
Google Chrome v134
-
• Por favor descreva o problema de visualização. Se você tiver uma captura de tela desse bug (boa prática), pode usar um serviço de hospedagem de imagens de sua escolha (por exemplo, snipboard.io) para enviá-la e copiar/colar o link aqui.
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. • Qual navegador você está usando?
Google Chrome v134
-
• Por favor copie/cole o texto em inglês em vez de sua língua. Se você tiver uma captura de tela desse bug (boa prática), pode usar um serviço de hospedagem de imagens de sua escolha (por exemplo, snipboard.io) para enviá-la e copiar/colar o link aqui. Este texto está disponível no sistema de traduções? Se sim, foi traduzido há mais de 24 horas?
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. • Qual navegador você está usando?
Google Chrome v134
-
• Por favor, explique sua sugestão precisamente e de forma concisa, de forma que fique o mais fácil possível, entender o que você quer dizer.
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. • Qual navegador você está usando?
Google Chrome v134
Histórico do relatório
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;
}
Adicione alguma coisa para este relatório
- Outro ID de mesa / ID de jogada
- Carregar em F5 resolveu o problema?
- O problema aparece várias vezes? Sempre? Imprevisivelmente?
- Se você tiver uma captura de tela desse bug (boa prática), pode usar um serviço de hospedagem de imagens de sua escolha (por exemplo, snipboard.io) para enviá-la e copiar/colar o link aqui.
