diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css index 29590831..6fab7350 100644 --- a/data/interfaces/default/css/plexpy.css +++ b/data/interfaces/default/css/plexpy.css @@ -1049,7 +1049,7 @@ a:hover .dashboard-recent-media-cover { background-attachment: scroll; background-size: cover; opacity: 0; - position: absolute; + position: fixed; top: 0; bottom: 0; width: 100%; @@ -1071,10 +1071,11 @@ a:hover .dashboard-recent-media-cover { left: 0; overflow-x: hidden; overflow-y: auto; + -webkit-overflow-scrolling: touch; } .summary-container .table-card-header, .summary-container .table-card-back { - opacity: 0.90; + background: rgba(40,40,40, 0.9); } .summary-navbar { background-color: rgba(255,255,255,.03); @@ -2654,12 +2655,17 @@ table.display tr.shown + tr table[id^='media_info_child'] > tr > td:hover a, table.display tr.shown + tr table[id^='media_info_child'] tr.shown + tr table[id^='media_info_child'] td:hover a { color: #cc7b19; } -table.display tr.shown + tr .pagination > .disabled > a { +table.display tr.shown + tr .pagination > .disabled > a, +table.display tr.shown + tr .pagination > .disabled > a:hover { color: #444444; } table.display tr.shown + tr .pagination > li > a:hover { color: #e9a049; } +table.display tr.odd td, +table.display tr.even td { + padding: 5px 10px !important; +} table[id^='history_child'] { margin-top: 0; opacity: .6; @@ -2667,17 +2673,32 @@ table[id^='history_child'] { table[id^='media_info_child'] { margin-top: 0; } -table[id^='history_child'] thead th, -table[id^='media_info_child'] thead th { +div[id^='history_child'] thead th, +div[id^='media_info_child'] thead th { line-height: 0; height: 0 !important; overflow: hidden; } -table[id^='media_info_child'] table[id^='media_info_child'] thead th { +div[id^='history_child'] div.row, +div[id^='media_info_child'] div.row { + margin: 0; +} +div[id^='history_child'] div.col-sm-12, +div[id^='media_info_child'] div.col-sm-12 { + padding: 0; +} +div[id^='history_child'] div.dataTables_scrollBody, +div[id^='media_info_child'] div.dataTables_scrollBody { + overflow: hidden !important; +} +div[id^='media_info_child'] div[id^='media_info_child'] div.dataTables_scrollHead thead th { line-height: 25px; height: 35px !important; overflow: hidden; } +.dataTables_scrollBody { + -webkit-overflow-scrolling: touch; +} #search_form { width: 300px; padding: 8px 15px; diff --git a/data/interfaces/default/info.html b/data/interfaces/default/info.html index a4841e41..4a0cc9aa 100644 --- a/data/interfaces/default/info.html +++ b/data/interfaces/default/info.html @@ -291,7 +291,7 @@ DOCUMENTATION :: END % if data['media_type'] == 'show': -
+
Season List for ${data['title']} @@ -302,7 +302,7 @@ DOCUMENTATION :: END
% elif data['media_type'] == 'season': -
+
Episode List for ${data['title']} @@ -313,7 +313,7 @@ DOCUMENTATION :: END
% elif data['media_type'] == 'artist': -
+
Album List for ${data['title']} @@ -324,7 +324,7 @@ DOCUMENTATION :: END
% elif data['media_type'] == 'album': -
+
Track List for ${data['title']} @@ -335,7 +335,7 @@ DOCUMENTATION :: END
% endif -
+
Watch History for ${data['title']} @@ -424,7 +424,6 @@ DOCUMENTATION :: END <%def name="javascriptIncludes()"> - @@ -433,7 +432,6 @@ DOCUMENTATION :: END % if data: - % if data['media_type'] == 'show' or data['media_type'] == 'artist': % endif diff --git a/data/interfaces/default/logs.html b/data/interfaces/default/logs.html index ef99e5f8..d68efcf8 100644 --- a/data/interfaces/default/logs.html +++ b/data/interfaces/default/logs.html @@ -188,6 +188,10 @@ clearSearchButton('notification_log_table', notification_log_table); }); + $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { + $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust(); + }); + $("#clear-logs").click(function () { $("#confirm-message").text("Are you sure you want to clear the PlexPy logs?"); $('#confirm-modal').modal(); diff --git a/data/interfaces/default/stream_data.html b/data/interfaces/default/stream_data.html index be84948c..b0c22db5 100644 --- a/data/interfaces/default/stream_data.html +++ b/data/interfaces/default/stream_data.html @@ -54,7 +54,7 @@ DOCUMENTATION :: END

Stream Details

-
+
Media
  • Container: ${data['transcode_container'] if data['transcode_container'] else data['container']}
    • @@ -64,7 +64,7 @@ DOCUMENTATION :: END
% if data['media_type'] != 'track': -
+
Video
  • Stream: ${data['transcode_video_dec']}
    • @@ -80,7 +80,7 @@ DOCUMENTATION :: END
% endif -
+
Audio
  • Stream: ${data['transcode_audio_dec']}
    • @@ -96,7 +96,7 @@ DOCUMENTATION :: END

Source Details

-
+
Media
  • Container: ${data['container']}
    • @@ -107,7 +107,7 @@ DOCUMENTATION :: END
% if data['media_type'] != 'track': -
+
Video
  • Width: ${data['width']}
    • @@ -118,7 +118,7 @@ DOCUMENTATION :: END
% endif -
+
Audio
  • Codec: ${data['audio_codec']}
    • diff --git a/data/interfaces/default/user.html b/data/interfaces/default/user.html index 593cb777..b3414aaa 100644 --- a/data/interfaces/default/user.html +++ b/data/interfaces/default/user.html @@ -61,19 +61,18 @@ DOCUMENTATION :: END % endif
- -
-
-
-
-
-
- - IP Addresses for - ${data['friendly_name']} - - -
-
-
- - - - - - - - - - - -
Last SeenIP AddressLast PlatformLast PlayerLast PlayedPlay Count
-
-
-
-
-
@@ -271,6 +239,37 @@ DOCUMENTATION :: END
+
+
+
+
+
+
+ + IP Addresses for + ${data['friendly_name']} + + +
+
+
+ + + + + + + + + + + +
Last SeenIP AddressLast PlatformLast PlayerLast PlayedPlay Count
+
+
+
+
+
@@ -486,6 +485,10 @@ DOCUMENTATION :: END clearSearchButton('login_table-UID-${data["user_id"]}', login_table); }); + $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { + $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust(); + }); + % if _session['user_group'] == 'admin': // Load edit user modal $("#toggle-edit-user-modal").click(function() { @@ -595,11 +598,6 @@ DOCUMENTATION :: END $("#recently-watched-page-right").removeClass("disabled"); } }); - - $('a[data-toggle="tab"]').on( 'shown.bs.tab', function (e) { - $(".dataTables_scrollHeadInner").css("width","100%"); - $("table.display").css("width","100%"); - }); }); % endif