diff options
| author | Mario Vavti <mario@mariovavti.com> | 2018-01-19 12:18:59 +0100 |
|---|---|---|
| committer | Mario Vavti <mario@mariovavti.com> | 2018-01-19 12:18:59 +0100 |
| commit | 66e1e5b1b68e6e1d41b0ec5c5ae88851b141edd6 (patch) | |
| tree | 7b03759b1a91311747bb11e2337669f187d825fb | |
| parent | ecd161d678e17c32e74a886ff976da736a512a97 (diff) | |
| download | volse-hubzilla-66e1e5b1b68e6e1d41b0ec5c5ae88851b141edd6.tar.gz volse-hubzilla-66e1e5b1b68e6e1d41b0ec5c5ae88851b141edd6.tar.bz2 volse-hubzilla-66e1e5b1b68e6e1d41b0ec5c5ae88851b141edd6.zip | |
bootstrap seems to heavy for this - use custom css
| -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}}"> |