diff --git a/client/assets/app.css b/client/assets/app.css index c823af2f..b7b8499d 100644 --- a/client/assets/app.css +++ b/client/assets/app.css @@ -112,7 +112,7 @@ input[type=number] { background-color: #373838; } -.tracksTable tr:hover { +.tracksTable tr:hover:not(:has(th)) { background-color: #474747; } @@ -232,6 +232,20 @@ Bookshelf Label -webkit-box-orient: vertical; } +.episode-subtitle-long { + word-break: break-word; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + line-height: 16px; + /* fallback */ + max-height: 72px; + /* fallback */ + -webkit-line-clamp: 6; + /* number of lines to show */ + -webkit-box-orient: vertical; +} + /* Padding for toastification toasts in the top right to not cover appbar/toolbar */ .app-bar-and-toolbar .Vue-Toastification__container.top-right { diff --git a/client/components/app/SideRail.vue b/client/components/app/SideRail.vue index 25350d24..995f4c23 100644 --- a/client/components/app/SideRail.vue +++ b/client/components/app/SideRail.vue @@ -49,6 +49,14 @@
+ + queue_music + +

{{ $strings.ButtonPlaylists }}

+ +
+ + + + record_voice_over + +

{{ $strings.LabelNarrators }}

+ +
+ + @@ -78,14 +94,6 @@
- - queue_music - -

{{ $strings.ButtonPlaylists }}

- -
- - file_download @@ -178,6 +186,9 @@ export default { isAuthorsPage() { return this.$route.name === 'library-library-authors' }, + isNarratorsPage() { + return this.$route.name === 'library-library-narrators' + }, isPlaylistsPage() { return this.paramId === 'playlists' }, diff --git a/client/components/app/StreamContainer.vue b/client/components/app/StreamContainer.vue index cd2bd1cf..fa369072 100644 --- a/client/components/app/StreamContainer.vue +++ b/client/components/app/StreamContainer.vue @@ -15,7 +15,7 @@
{{ podcastAuthor }}
{{ musicArtists }}
- {{ author.name }} + {{ author.name }}
{{ $strings.LabelUnknown }}
@@ -366,9 +366,8 @@ export default { navigator.mediaSession.setActionHandler('seekbackward', this.mediaSessionSeekBackward) navigator.mediaSession.setActionHandler('seekforward', this.mediaSessionSeekForward) navigator.mediaSession.setActionHandler('seekto', this.mediaSessionSeekTo) - navigator.mediaSession.setActionHandler('previoustrack', this.mediaSessionPreviousTrack) - const hasNextChapter = this.$refs.audioPlayer && this.$refs.audioPlayer.hasNextChapter - navigator.mediaSession.setActionHandler('nexttrack', hasNextChapter ? this.mediaSessionNextTrack : null) + navigator.mediaSession.setActionHandler('previoustrack', this.mediaSessionSeekBackward) + navigator.mediaSession.setActionHandler('nexttrack', this.mediaSessionSeekForward) } else { console.warn('Media session not available') } diff --git a/client/components/cards/AuthorCard.vue b/client/components/cards/AuthorCard.vue index db4e7e9a..c06c5333 100644 --- a/client/components/cards/AuthorCard.vue +++ b/client/components/cards/AuthorCard.vue @@ -1,5 +1,5 @@