diff options
| -rw-r--r-- | view/css/widgets.css | 10 | ||||
| -rw-r--r-- | view/tpl/notifications_widget.tpl | 8 |
2 files changed, 11 insertions, 7 deletions
diff --git a/view/css/widgets.css b/view/css/widgets.css index 576445dd6..8b5ecdd2f 100644 --- a/view/css/widgets.css +++ b/view/css/widgets.css @@ -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; } diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl index c926586eb..030d1eef9 100644 --- a/view/tpl/notifications_widget.tpl +++ b/view/tpl/notifications_widget.tpl @@ -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=" 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=" 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}}"> |