github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-30 03:28:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix font awesome icons in notifier text accordions

Browse source
This commit is contained in:
JonnyWong16 2018-06-10 19:36:32 -07:00
parent af1355e220
commit 37841b6e8c
3 changed files with 29 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

38
data/interfaces/default/css/tautulli.css
View file

@ -113,6 +113,10 @@ div.form-control .selectize-input {
.wizard-input-section .selectize-dropdown.form-control.selectize-pms-ip { .wizard-input-section .selectize-dropdown.form-control.selectize-pms-ip {
margin-top: 0 !important; margin-top: 0 !important;
} }
#condition-widget .fa-plus,
#condition-widget .fa-minus {
cursor: pointer;
}
.react-selectize.root-node .react-selectize-control .react-selectize-placeholder { .react-selectize.root-node .react-selectize-control .react-selectize-placeholder {
color: #fff !important; color: #fff !important;
} }
@ -2957,10 +2961,13 @@ a .home-platforms-list-cover-face:hover
background: #282828; background: #282828;
list-style: none; list-style: none;
} }
.accordion .link { .accordion li {
margin: 0;
}
.accordion li .link {
cursor: pointer; cursor: pointer;
display: block; display: block;
padding: 8px 20px 8px 30px; padding: 8px 12px 8px 12px;
color: #999; color: #999;
border-bottom: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d;
position: relative; position: relative;
@ -2968,37 +2975,28 @@ a .home-platforms-list-cover-face:hover
-o-transition: all 0.3s ease; -o-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.accordion li { .accordion li .link:hover {
margin: 0; color: #fff;
background: #2f2f2f;
}
.accordion li .link span.toggle-right {
float: right;
padding-left: 10px;
} }
.accordion li:last-child .link { .accordion li:last-child .link {
border-bottom: 0; border-bottom: 0;
} }
.accordion li i.fa { .accordion li .fa-chevron-down {
position: absolute;
top: 10px;
left: 10px;
color: #999; color: #999;
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease; -o-transition: all 0.3s ease;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px;
}
.accordion li .link:hover {
color: #FFF;
background: #2f2f2f;
}
.accordion li.open .link { .accordion li.open .link {
color: #f9be03; color: #f9be03;
} }
.accordion li.open i { .accordion li.open .fa-chevron-down {
color: #f9be03; color: #f9be03;
}
.accordion li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg); -ms-transform: rotate(180deg);
-o-transform: rotate(180deg); -o-transform: rotate(180deg);

2
data/interfaces/default/js/filterer.jquery.js
View file

File diff suppressed because one or more lines are too long

12
data/interfaces/default/notifier_config.html
View file

@ -202,7 +202,11 @@
% if notifier['agent_name'] == 'scripts': % if notifier['agent_name'] == 'scripts':
% for action in available_notification_actions: % for action in available_notification_actions:
<li> <li>
<div class="link"><i class="fa ${action['icon']} fa-fw"></i>&nbsp;${action['label']}<i class="fa fa-chevron-down"></i></div> <div class="link">
<span class="toggle-left"><i class="fa ${action['icon']} fa-fw"></i></span>&nbsp;
${action['label']}
<span class="toggle-right"><i class="fa fa-chevron-down"></i></span>
</div>
<ul class="submenu"> <ul class="submenu">
<li> <li>
<div class="form-group"> <div class="form-group">
@ -224,7 +228,11 @@
% else: % else:
% for action in available_notification_actions: % for action in available_notification_actions:
<li> <li>
<div class="link"><i class="fa ${action['icon']} fa-fw"></i>&nbsp;${action['label']}<i class="fa fa-chevron-down"></i></div> <div class="link">
<span class="toggle-left"><i class="fa ${action['icon']} fa-fw"></i></span>&nbsp;
${action['label']}
<span class="toggle-right"><i class="fa fa-chevron-down"></i></span>
</div>
<ul class="submenu"> <ul class="submenu">
<li> <li>
<div class="form-group"> <div class="form-group">