aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2018-01-19 12:18:59 +0100
committerMario Vavti <mario@mariovavti.com>2018-01-19 12:18:59 +0100
commit66e1e5b1b68e6e1d41b0ec5c5ae88851b141edd6 (patch)
tree7b03759b1a91311747bb11e2337669f187d825fb
parentecd161d678e17c32e74a886ff976da736a512a97 (diff)
downloadvolse-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.css10
-rw-r--r--view/tpl/notifications_widget.tpl8
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="&#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}}">