harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bootstrap seems to heavy for this - use custom css

Browse Source
This commit is contained in:
Mario Vavti 2018-01-19 12:18:59 +01:00
parent ecd161d678
commit 66e1e5b1b6
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
view/css/widgets.css
View File

@ -178,15 +178,23 @@ a.wikilist {
max-height: 70vh; max-height: 70vh;
overflow: auto; overflow: auto;
} }
.notifications-textinput input { .notifications-textinput input {
font-family: FontAwesome, sans-serif; font-family: FontAwesome, sans-serif;
} }
.notifications-textinput { .notifications-textinput {
padding: .75rem 0.85rem; padding: .75rem 0.85rem;
} }
.notifications-textinput-clear {
padding: .5rem;
position: absolute;
top: 0.5rem;
right: 1rem;
cursor: pointer;
}
.notification-content.collapsing { .notification-content.collapsing {
overflow: hidden; overflow: hidden;
} }

8
view/tpl/notifications_widget.tpl
View File

@ -140,12 +140,8 @@
<i class="fa fa-fw fa-filter"></i> {{$notification.filter.label}} <i class="fa fa-fw fa-filter"></i> {{$notification.filter.label}}
</div> </div>
<div class="list-group-item clearfix notifications-textinput" id="cn-{{$notification.type}}-only"> <div class="list-group-item clearfix notifications-textinput" id="cn-{{$notification.type}}-only">
<div class="input-group"> <input id="cn-{{$notification.type}}-input" type="text" class="form-control form-control-sm" placeholder="&#xf0b0; Filter by name">
<input id="cn-{{$notification.type}}-input" type="text" class="form-control form-control-sm" placeholder="&#xf0b0; Filter by name"> <div id="cn-{{$notification.type}}-input-clear" class="text-muted notifications-textinput-clear"><i class="fa fa-remove"></i></div>
<div id="cn-{{$notification.type}}-input-clear" class="input-group-append">
<span class="input-group-text"><i class="fa fa-remove"></i></span>
</div>
</div>
</div> </div>
{{/if}} {{/if}}
<div id="nav-{{$notification.type}}-menu" class="" rel="{{$notification.type}}"> <div id="nav-{{$notification.type}}-menu" class="" rel="{{$notification.type}}">