bootstrap seems to heavy for this - use custom css

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

View file

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

View file

@ -140,12 +140,8 @@
<i class="fa fa-fw fa-filter"></i> {{$notification.filter.label}}
</div>
<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">
<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>
<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>
{{/if}}
<div id="nav-{{$notification.type}}-menu" class="" rel="{{$notification.type}}">