Fix: Simplified the way play/resume labels on the play button are rendered to support foreign languages

This commit is contained in:
lscambo13
2025-08-22 12:57:55 -07:00
parent e47b7813cf
commit 10900884e7

View File

@@ -2226,6 +2226,17 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
height: 3em;
min-width: 10em;
margin-right: .5em !important;
flex-direction: row;
}
.btnPlay:after {
content: attr(title);
padding: 0 1ch;
}
.btnPlay>.detailButton-content::after {
padding: 0 1ch;
place-content: center;
}
.btnPlay>.detailButton-content {
@@ -2240,7 +2251,7 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
justify-content: flex-start;
}
.mainDetailButtons:has(.detailButton[data-type="Book"]) .btnPlay[title="Play"]>.detailButton-content::after {
.mainDetailButtons:has(.detailButton[data-type="Book"]) .btnPlay[title="Play"]:after {
content: "Read";
}
@@ -2249,19 +2260,6 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
padding-inline-end: 1ch;
}
.btnPlay[title="Play"]>.detailButton-content::after {
content: "Play";
}
.btnPlay[title="Resume"]>.detailButton-content::after {
content: "Resume";
}
.btnPlay>.detailButton-content::after {
padding: 0 1ch;
place-content: center;
}
.mainDetailButtons {
justify-content: center;
margin: 0 0 1em 0;