diff --git a/public/css/modules/globals/tables.css b/public/css/modules/globals/tables.css
index b8d6e80..5abc5da 100644
--- a/public/css/modules/globals/tables.css
+++ b/public/css/modules/globals/tables.css
@@ -6,12 +6,22 @@
--vertical-separator: 7px;
}
-.table td:first-child {
- padding: var(--vertical-separator) 10px var(--vertical-separator) 20px;
+.table tr {
+ background: var(--table-bg);
+ transition: background-color 175ms ease-in-out;
}
-.table td:last-child {
- padding: var(--vertical-separator) 20px var(--vertical-separator) 10px;
+.table tr:nth-child(even) {
+ background: var(--table-zebra);
+ transition: background-color 175ms ease-in-out;
+}
+
+.table tr:not(:last-child) {
+ border-bottom: 1px solid var(--table-highlight);
+}
+
+.table tbody tr:not(.table__row-no-highlight):hover {
+ background: var(--table-highlight);
}
.table td,
@@ -23,23 +33,18 @@
padding: var(--vertical-separator) 10px;
}
+.table td:first-child {
+ padding: var(--vertical-separator) 10px var(--vertical-separator) 20px;
+}
+
+.table td:last-child {
+ padding: var(--vertical-separator) 20px var(--vertical-separator) 10px;
+}
+
.table td img {
vertical-align: middle;
}
-.table tr {
- background: var(--table-bg);
- transition: background-color 175ms ease-in-out;
-}
-
-.table tr:not(:last-child) {
- border-bottom: 1px solid var(--table-highlight);
-}
-
-.table tbody tr:not(.table__row-no-highlight):hover {
- background: var(--table-highlight);
-}
-
.table .table__icon {
box-sizing: content-box;
width: 32px;
@@ -82,7 +87,9 @@
/* .table__cell-content {} */
-.table__cell-content--vertical-center {
+.table__cell-content.table__cell-content--vertical-center {
+ /* Wrap cell content in this to center vertically cells
+ with material icons or both material icons and text */
display: flex;
align-items: center;
}
@@ -99,6 +106,22 @@
color: var(--table-bg);
}
+.track_row > td > img {
+ width: 32px;
+ height: 32px;
+}
+
+.track_row > td > a > img {
+ width: 56px;
+ height: 56px;
+}
+
+.top-tracks-position {
+ padding: 12px;
+ text-align: center;
+ cursor: default;
+}
+
/* === Tracks Table === */
.table--tracks {
border-collapse: collapse;
@@ -139,8 +162,6 @@
border-bottom-right-radius: var(--radius);
}
-/* === Tracks Table End === */
-
/* === Tracklist Table === */
/* .table--tracklist {} */
@@ -166,18 +187,10 @@
height: 35px;
}
-.tracklist_table .track_position_head,
-.tracklist_table .track_position {
- width: 10px;
- text-align: center;
-}
-
.explicit_tracklist {
margin-left: var(--explicit-separator);
}
-/* === Tracklist Table End === */
-
/* === Charts Table === */
/* .table--charts {} */
@@ -185,21 +198,3 @@
.table--charts td {
height: 35px;
}
-
-/* === Charts Table End === */
-
-.track_row > td > img {
- width: 32px;
- height: 32px;
-}
-
-.track_row > td > a > img {
- width: 56px;
- height: 56px;
-}
-
-.top-tracks-position {
- padding: 12px;
- text-align: center;
- cursor: default;
-}
diff --git a/public/css/modules/track-preview.css b/public/css/modules/track-preview.css
index 08f6a4f..0c5531e 100644
--- a/public/css/modules/track-preview.css
+++ b/public/css/modules/track-preview.css
@@ -1,7 +1,7 @@
.preview_controls {
opacity: 0;
display: block;
- background: rgba(0, 0, 0, .5);
+ background: rgba(0, 0, 0, 0.5);
width: 56px;
height: 56px;
text-align: center;
@@ -11,8 +11,9 @@
top: 0;
right: 0;
}
-.preview_playlist_controls{
- cursor:pointer;
+
+.preview_playlist_controls {
+ cursor: pointer;
}
a.single-cover {
diff --git a/public/index.html b/public/index.html
index 4b56761..d9321b1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -244,6 +244,7 @@
No Tracks found
play_arrow
+
@@ -530,31 +531,35 @@ No Favorite Tracks found
|
{{ track.position }}
|
-
-
+ |
+
play_arrow
+
|
-
+ |
{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }}
|
-
+ |
{{track.artist.name}}
|
-
+ |
{{track.album.title}}
|
-
+ |
{{convertDuration(track.duration)}}
|
-
- get_app
+ |
+
+ get_app
+
|
diff --git a/public/js/bundle.js b/public/js/bundle.js
index 90f39e5..afa9ffc 100644
--- a/public/js/bundle.js
+++ b/public/js/bundle.js
@@ -1,10 +1,4 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, module) {
- return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var jquery = createCommonjsModule(function (module) {
+var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t,e){return t(e={exports:{}},e.exports),e.exports}var n=e((function(e){
/*!
* jQuery JavaScript Library v3.5.1
* https://jquery.com/
@@ -18,502 +12,7 @@ var jquery = createCommonjsModule(function (module) {
*
* Date: 2020-05-04T22:49Z
*/
-( function( global, factory ) {
-
- {
-
- // For CommonJS and CommonJS-like environments where a proper `window`
- // is present, execute the factory and get jQuery.
- // For environments that do not have a `window` with a `document`
- // (such as Node.js), expose a factory as module.exports.
- // This accentuates the need for the creation of a real `window`.
- // e.g. var jQuery = require("jquery")(window);
- // See ticket #14549 for more info.
- module.exports = global.document ?
- factory( global, true ) :
- function( w ) {
- if ( !w.document ) {
- throw new Error( "jQuery requires a window with a document" );
- }
- return factory( w );
- };
- }
-
-// Pass this if window is not defined yet
-} )( typeof window !== "undefined" ? window : commonjsGlobal, function( window, noGlobal ) {
-
-var arr = [];
-
-var getProto = Object.getPrototypeOf;
-
-var slice = arr.slice;
-
-var flat = arr.flat ? function( array ) {
- return arr.flat.call( array );
-} : function( array ) {
- return arr.concat.apply( [], array );
-};
-
-
-var push = arr.push;
-
-var indexOf = arr.indexOf;
-
-var class2type = {};
-
-var toString = class2type.toString;
-
-var hasOwn = class2type.hasOwnProperty;
-
-var fnToString = hasOwn.toString;
-
-var ObjectFunctionString = fnToString.call( Object );
-
-var support = {};
-
-var isFunction = function isFunction( obj ) {
-
- // Support: Chrome <=57, Firefox <=52
- // In some browsers, typeof returns "function" for HTML