[GH-ISSUE #48] change request for JellyFlix theme playlist display #18

New issue

Closed

opened 2026-05-06 13:14:01 +02:00 by BreizhHardware · 2 comments

BreizhHardware commented

2026-05-06 13:14:01 +02:00

Owner

Originally created by @mattheweigand on GitHub (Sep 12, 2022).
Original GitHub issue: https://github.com/danieladov/jellyfin-plugin-skin-manager/issues/48

In the JellyFlix theme, in default.css line 1907, it includes this code:

#itemDetailPage .vertical-list {
  display: grid;

This makes playlists display in a grid, filling up a horizontal line before going to the next row. This makes reading and arranging playlist orders pretty much impossible. I would like to request that "display: grid" be deleted so that the playlists can be arranged one item per line. This would allow dragging and dropping playlist items using the included listViewDragHandle.,

Originally created by @mattheweigand on GitHub (Sep 12, 2022). Original GitHub issue: https://github.com/danieladov/jellyfin-plugin-skin-manager/issues/48 In the JellyFlix theme, in default.css line 1907, it includes this code: ``` #itemDetailPage .vertical-list { display: grid; ``` This makes playlists display in a grid, filling up a horizontal line before going to the next row. This makes reading and arranging playlist orders pretty much impossible. I would like to request that "display: grid" be deleted so that the playlists can be arranged one item per line. This would allow dragging and dropping playlist items using the included listViewDragHandle.,

BreizhHardware closed this issue

2026-05-06 13:14:01 +02:00

BreizhHardware commented

2026-05-06 13:14:02 +02:00

Author

Owner

@danieladov commented on GitHub (Sep 12, 2022):

Hi, you should report this to the theme repo https://github.com/prayag17/JellyFlix
In the meantime, you can fix it by adding


#itemDetailPage .vertical-list {
display:flex;
}

to the custom CSS settings under general

@danieladov commented on GitHub (Sep 12, 2022): Hi, you should report this to the theme repo https://github.com/prayag17/JellyFlix In the meantime, you can fix it by adding ``` #itemDetailPage .vertical-list { display:flex; } ``` to the custom CSS settings under general

BreizhHardware commented

2026-05-06 13:14:02 +02:00

Author

Owner

@Akryum commented on GitHub (Dec 13, 2024):

/* Fix Playlist Items should not be in a grid */
.listItem[data-playlistid] {
  grid-column: 1/9999;
  width: 100%;
}

@Akryum commented on GitHub (Dec 13, 2024): ```css /* Fix Playlist Items should not be in a grid */ .listItem[data-playlistid] { grid-column: 1/9999; width: 100%; } ````

BreizhHardware referenced this issue

2026-05-06 13:14:18 +02:00

[PR #18] [CLOSED] Add html #70