diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css index 8b4f766195..af106959e0 100644 --- a/src/assets/css/librarybrowser.css +++ b/src/assets/css/librarybrowser.css @@ -24,7 +24,7 @@ } .itemDetailPage { - padding-top: 4em !important + padding-top: 0em !important } .standalonePage { @@ -413,6 +413,7 @@ align-items: center; align-content: center; position: sticky; + background-color: #101010; top: 0; z-index: 2; } diff --git a/src/assets/img/devices/android.svg b/src/assets/img/devices/android.svg new file mode 100644 index 0000000000..c0d377bb72 --- /dev/null +++ b/src/assets/img/devices/android.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/img/devices/kodi.svg b/src/assets/img/devices/kodi.svg new file mode 100644 index 0000000000..3618149b1f --- /dev/null +++ b/src/assets/img/devices/kodi.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/listview/listview.css b/src/components/listview/listview.css index d91a5377ba..4d3b27ce75 100644 --- a/src/components/listview/listview.css +++ b/src/components/listview/listview.css @@ -126,20 +126,20 @@ align-self: center; justify-self: center; margin: auto; - color: rgba(255, 255, 255, .6); + color: rgba(255, 255, 255, 0.6); + background: rgba(0, 0, 0, 0.4); font-size: 1.6em; - background: transparent; - transition: transform 200ms ease-out; + transition: 200ms ease-out; display: flex; } .listItemImageButton:hover { + color: #00a4dc; + background: rgba(0, 164, 220, 0.2); transform: scale(1.2, 1.2); } .listItemImageButton-icon { - background: rgba(0,0,0,.4); - border: 0.1em solid currentColor; border-radius: 100em; display: flex; justify-content: center; @@ -264,4 +264,4 @@ .listItemCheckboxContainer { width: auto !important; -} \ No newline at end of file +} diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js index 7209c0f9fc..1a0b66c75a 100644 --- a/src/controllers/itemdetailpage.js +++ b/src/controllers/itemdetailpage.js @@ -802,7 +802,7 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana } if (editable) { - html += ""; + html += ""; } if (detectRatio && item.PrimaryImageAspectRatio) { diff --git a/src/img/devices/kodi.svg b/src/img/devices/kodi.svg deleted file mode 100644 index 20a10194f6..0000000000 --- a/src/img/devices/kodi.svg +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - diff --git a/src/itemdetails.html b/src/itemdetails.html index 5240cd5744..fbe0cc50de 100644 --- a/src/itemdetails.html +++ b/src/itemdetails.html @@ -7,7 +7,7 @@
-
+
diff --git a/src/scripts/imagehelper.js b/src/scripts/imagehelper.js index c2cbc3de71..96961eb0cc 100644 --- a/src/scripts/imagehelper.js +++ b/src/scripts/imagehelper.js @@ -12,6 +12,8 @@ define(["browser"], function (browser) { return baseUrl + "playstation.svg"; case "Kodi": return baseUrl + "kodi.svg"; + case "Jellyfin Android": + return baseUrl + "android.svg"; case "Jellyfin Web": switch (device.Name) { case "Opera":