From 26dba27778751698c70d2b057a636c93e12148b6 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Tue, 26 May 2020 22:02:15 -0400
Subject: [PATCH] Always show song context menu on tablets
---
ui/src/album/AlbumSongs.js | 2 +-
ui/src/song/SongList.js | 25 +++++++++++--------------
2 files changed, 12 insertions(+), 15 deletions(-)
diff --git a/ui/src/album/AlbumSongs.js b/ui/src/album/AlbumSongs.js
index f8556e50c..27ba154ea 100644
--- a/ui/src/album/AlbumSongs.js
+++ b/ui/src/album/AlbumSongs.js
@@ -131,7 +131,7 @@ const AlbumSongs = (props) => {
{...controllerProps}
hasBulkActions={hasBulkActions}
multiDisc={multiDisc}
- contextAlwaysVisible={isXsmall}
+ contextAlwaysVisible={!isDesktop}
>
{isDesktop && (
<TextField
diff --git a/ui/src/song/SongList.js b/ui/src/song/SongList.js
index 5ee6dccac..133170e84 100644
--- a/ui/src/song/SongList.js
+++ b/ui/src/song/SongList.js
@@ -76,6 +76,7 @@ const SongList = (props) => {
<SongDatagrid
expand={<SongDetails />}
rowClick={(id, basePath, record) => dispatch(setTrack(record))}
+ contextAlwaysVisible={!isDesktop}
>
<TextField source="title" />
{isDesktop && <AlbumLinkField source="album" />}
@@ -86,20 +87,16 @@ const SongList = (props) => {
<FunctionField source="year" render={(r) => r.year || ''} />
)}
<DurationField source="duration" />
- {isDesktop ? (
- <SongContextMenu
- source={'starred'}
- label={
- <StarBorderIcon
- fontSize={'small'}
- className={classes.columnIcon}
- />
- }
- sortBy={'starred DESC, starredAt DESC'}
- />
- ) : (
- <SongContextMenu showStar={false} />
- )}
+ <SongContextMenu
+ source={'starred'}
+ sortBy={'starred DESC, starredAt DESC'}
+ label={
+ <StarBorderIcon
+ fontSize={'small'}
+ className={classes.columnIcon}
+ />
+ }
+ />
</SongDatagrid>
)}
</List>