github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-16 02:02:58 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add inner shadow for terminate session button

Browse source
This commit is contained in:
JonnyWong16 2017-08-04 08:55:08 -07:00
parent 68072d8340
commit 427f24dffe
2 changed files with 21 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
data/interfaces/default/css/plexpy.css
View file

@ -641,7 +641,8 @@ a .users-poster-face:hover {
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049;
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049;
}
.dashboard-instance.hover .dashboard-activity-poster-info-bar {
.dashboard-instance.hover .dashboard-activity-poster-info-bar,
.dashboard-instance.hover .dashboard-activity-terminate-bar {
opacity: 1;
}
.dashboard-instance.hover .dashboard-activity-progress-bar {
@ -781,6 +782,19 @@ a .users-poster-face:hover {
display: none;
z-index: -1;
}
.dashboard-activity-terminate-bar {
position:absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear,left 60%,left 0%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.4)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0),40%,rgba(0,0,0,0.4),100%);
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.4) 100%);
background-image: linear-gradient(to top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.4) 100%);
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s;
z-index: 0W;
}
.dashboard-activity-terminate-session {
width: 50px;
height: 50px;

10
data/interfaces/default/current_activity_instance.html
View file

@ -107,10 +107,12 @@ DOCUMENTATION :: END
<div class="dashboard-activity-poster-face" style="background-image: url(${data['art']});"></div>
% endif
% if _session['user_group'] == 'admin' and plexpy.CONFIG.PMS_PLEXPASS:
<div class="dashboard-activity-terminate-session" id="terminate-button-${data['session_key']}" data-key="${data['session_key']}" data-id="${data['session_id']}" style="display: none;">
<span class="btn-terminate-session" data-toggle="tooltip" title="Terminate Stream">
<i class="fa fa-times"></i>
</span>
<div class="dashboard-activity-terminate-bar">
<div class="dashboard-activity-terminate-session" id="terminate-button-${data['session_key']}" data-key="${data['session_key']}" data-id="${data['session_id']}" style="display: none;">
<span class="btn-terminate-session" data-toggle="tooltip" title="Terminate Stream">
<i class="fa fa-times"></i>
</span>
</div>
</div>
% endif
<div class="dashboard-activity-button-info">