#162166: "A few ideas to improve the displayed arrows in horizontal or vertical slide actions"
這是關於哪方面的案件?
發生什麼事? 請從下方選擇
發生什麼事? 請從下方選擇
請檢查是否已有同課題案件
若肯定,請「投票」給這樁案件。最高票的案件將「優先」處理!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
細節描述
-
• 如果可以的話,請轉貼螢幕顯示的錯誤訊息。
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. -
• 請說明你當時想做什麼,你做了什麼,然後發生了什麼事
• 你的瀏覽器是什麼?
Google Chrome v134
-
• 請轉貼未翻譯的英文字句。 建議將此錯誤的螢幕截圖上傳到 Imgur.com 並轉貼連結。
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. -
• 這些文字存在於 翻譯系統 中嗎?若為真,其是否已被翻譯超過 24 小時?
• 你的瀏覽器是什麼?
Google Chrome v134
-
• 請簡明精確地解釋你的建議,以便讓人一目了然。
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. • 你的瀏覽器是什麼?
Google Chrome v134
-
• 當你不能動作時,螢幕上顯示什麼?(螢幕全黑?部份遊戲介面?錯誤訊息?)
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. • 你的瀏覽器是什麼?
Google Chrome v134
-
• 遊戲規則的哪部分在 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. -
• 這項違反規則之處可否在遊戲重播中看到?若可以是在哪步?(重播時左上角資訊)
• 你的瀏覽器是什麼?
Google Chrome v134
-
• 你當時想採取哪個遊戲行動?
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. -
• 你想觸發這個遊戲行動時做了什麼?
-
• 當你試著這麼做時發生了什麼(錯誤訊息、遊戲狀態條訊息...)?
• 你的瀏覽器是什麼?
Google Chrome v134
-
• 問題發生在遊戲的哪一步?(目前遊戲指示是什麼)
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. -
• 當你試著進行遊戲動作時發生了什麼(錯誤訊息、遊戲狀態條訊息...)?
• 你的瀏覽器是什麼?
Google Chrome v134
-
• 請描述顯示問題。 建議將此錯誤的螢幕截圖上傳到 Imgur.com 並轉貼連結。
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. • 你的瀏覽器是什麼?
Google Chrome v134
-
• 請轉貼未翻譯的英文字句。 建議將此錯誤的螢幕截圖上傳到 Imgur.com 並轉貼連結。
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. -
• 這些文字存在於 翻譯系統 中嗎?若為真,其是否已被翻譯超過 24 小時?
• 你的瀏覽器是什麼?
Google Chrome v134
-
• 請簡明精確地解釋你的建議,以便讓人一目了然。
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. • 你的瀏覽器是什麼?
Google Chrome v134
案件沿革
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;
}
為本案件添加內容
- 其他同樣狀況的桌號/步數
- 按 F5 是否解決了這個問題?
- 問題是否發生了好幾次?每次都發生?時好時壞?
- 建議將此錯誤的螢幕截圖上傳到 Imgur.com 並轉貼連結。
