Replay-button works on desktop, but not on Android. Need help

AnkiDroid (Android) Help
1

I use the HyperTTS addon to add audio to my cards. The replay button works perfectly on desktop, but it doesn’t work at all on mobile view (Android). The audio auto-plays when the answer is revealed, and I can replay it from the menu, but the replay button won’t play it. The div element seems to still exist, so it is being synced from AnkiWeb, but it isn’t visible or functional. Oddly, when I turn on Dark Mode, the icon for the button is visible (but not functional). Please help if you have any ideas.

I have tried changing the style sheets to make it visible, and adding javascript and JQuery to add onTap functionality, but either that hasn’t worked or I haven’t implemented the code properly. Below is the Style Sheet:

.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: white;
background-color: black;
}
.meaning>div {
text-align: center !important;
}
.meaning div>ol,
.meaning div>ul {
max-width: 500px;
display: table;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
hr{
border: 1px solid;
width: 60%;
margin-top: 25px;
}
.replay-button svg circle {
background-color: white;
}
.replay-button svg path {
fill: #000 ;
}
.replay-button svg {
width: 40px;
height: 40px;
}
.replay-button svg:hover {
transform: scale(1.2);
transition: all .10s ease-in-out;
}

Screenshot_20220911_224158
Screenshot_20220911_224158720×1459 61.6 KB

Screenshot_20220911_224208
Screenshot_20220911_224208720×1459 99.8 KB

Screenshot_20220911_224236
Screenshot_20220911_224236720×1459 81.8 KB

Screenshot_20220911_231554
Screenshot_20220911_231554720×1459 111 KB

2

Try to use a default styling:

.card {
  font-family: arial;
  font-size: 20px;
  text-align: center;
  color: black;
  background-color: white;
}

If it does not help, try a parralel build of the latest AnkiDroid 2.16alpha.

1 Like