From 3c29b8e9c54582f33b648dca97637444ad61ea9e Mon Sep 17 00:00:00 2001 From: zobe123 Date: Thu, 17 Dec 2015 23:33:53 +0100 Subject: [PATCH] Update plexpy.css Added Statusbar hover effect with percentage --- data/interfaces/default/css/plexpy.css | 34 +++++++++++++++++++++++++- 1 file changed, 33 insertions(+), 1 deletion(-) diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css index 5673d854..dee7a435 100644 --- a/data/interfaces/default/css/plexpy.css +++ b/data/interfaces/default/css/plexpy.css @@ -737,6 +737,9 @@ a:hover .dashboard-activity-poster { transition: all 0s; } .dashboard-activity-progress .bufferbar { + padding-right: 2px; + font-size: x-small; + text-align: right; padding-top: 6px; background-color: #444; position: absolute; @@ -744,6 +747,9 @@ a:hover .dashboard-activity-poster { overflow: hidden; } .dashboard-activity-progress .bar { + padding-right: 2px; + font-size: x-small; + text-align: right; padding-top: 6px; background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); @@ -757,6 +763,32 @@ a:hover .dashboard-activity-poster { height: 6px; overflow: hidden; } +.dashboard-activity-progress:hover .bar { + height: 14px; + padding-top: 0px; + transform-origin: top; + transition: all .2s ease; + border-radius: 0px 0px 3px 3px; +} +.dashboard-activity-progress:hover .dashboard-activity-progress-bar { + height: 14px; + transform-origin: top; + transition: all .2s ease; + border-radius: 0px 0px 3px 3px; +} +.dashboard-activity-progress:hover .bufferbar { + height: 14px; + padding-top: 0px; + transform-origin: top; + transition: all .2s ease; + border-radius: 0px 0px 3px 3px; +} + +.dashboard-activity-progress:hover+.dashboard-activity-metadata-wrapper { + margin-top: 8px; + transform-origin: top; + transition: all .2s ease; +} .dashboard-activity-metadata-wrapper { position: relative; width: 100%; @@ -2554,4 +2586,4 @@ table[id^='history_child'] thead th { margin: 0; width: 75px; height: 34px; -} \ No newline at end of file +}