aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2018-02-26 20:17:53 +0100
committerMario Vavti <mario@mariovavti.com>2018-02-26 20:17:53 +0100
commit3bd2288ea91b512503df3e76b5e2f11f774d87c5 (patch)
treea2f604d2d60da59e616e4606768de68b6e22ed92
parentf8f69767b7099c1803fbebcd10c51b63918be38c (diff)
downloadvolse-hubzilla-3bd2288ea91b512503df3e76b5e2f11f774d87c5.tar.gz
volse-hubzilla-3bd2288ea91b512503df3e76b5e2f11f774d87c5.tar.bz2
volse-hubzilla-3bd2288ea91b512503df3e76b5e2f11f774d87c5.zip
fix icon position and make string translatable
-rw-r--r--Zotlabs/Widget/Notifications.php9
-rw-r--r--view/css/widgets.css16
-rw-r--r--view/tpl/notifications_widget.tpl5
3 files changed, 21 insertions, 9 deletions
diff --git a/Zotlabs/Widget/Notifications.php b/Zotlabs/Widget/Notifications.php
index d51cb0113..f2619c5cf 100644
--- a/Zotlabs/Widget/Notifications.php
+++ b/Zotlabs/Widget/Notifications.php
@@ -23,7 +23,8 @@ class Notifications {
'label' => t('Mark all notifications read')
],
'filter' => [
- 'label' => t('Show new posts only')
+ 'posts_label' => t('Show new posts only'),
+ 'name_label' => t('Filter by name')
]
];
@@ -41,7 +42,8 @@ class Notifications {
'label' => t('Mark all notifications seen')
],
'filter' => [
- 'label' => t('Show new posts only')
+ 'posts_label' => t('Show new posts only'),
+ 'name_label' => t('Filter by name')
]
];
@@ -136,7 +138,8 @@ class Notifications {
'label' => t('Mark all notifications seen')
],
'filter' => [
- 'label' => t('Show new posts only')
+ 'posts_label' => t('Show new posts only'),
+ 'name_label' => t('Filter by name')
]
];
}
diff --git a/view/css/widgets.css b/view/css/widgets.css
index 03150c67a..f97029aad 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -179,14 +179,14 @@ a.wikilist {
overflow: auto;
}
-.notifications-textinput input {
- font-family: sans-serif, ForkAwesome;
-}
-
.notifications-textinput {
padding: .75rem 0.85rem;
}
+.notifications-textinput input {
+ padding-left: 1.75rem;
+}
+
.notifications-textinput-clear {
padding: .5rem;
line-height: 1;
@@ -196,6 +196,14 @@ a.wikilist {
cursor: pointer;
}
+.notifications-textinput-filter {
+ padding: .5rem;
+ line-height: 1;
+ position: absolute;
+ top: .75rem;
+ left: 0.75rem;
+}
+
.notification-content.collapsing {
overflow: hidden;
}
diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl
index 211e8e05b..18250cf97 100644
--- a/view/tpl/notifications_widget.tpl
+++ b/view/tpl/notifications_widget.tpl
@@ -154,10 +154,11 @@
{{/if}}
{{if $notification.filter}}
<div class="list-group-item cursor-pointer" id="tt-{{$notification.type}}-only">
- <i class="fa fa-fw fa-filter"></i> {{$notification.filter.label}}
+ <i class="fa fa-fw fa-filter"></i> {{$notification.filter.posts_label}}
</div>
<div class="list-group-item clearfix notifications-textinput" id="cn-{{$notification.type}}-only">
- <input id="cn-{{$notification.type}}-input" type="text" class="form-control form-control-sm" placeholder="&#xf0b0; Filter by name">
+ <div class="text-muted notifications-textinput-filter"><i class="fa fa-fw fa-filter"></i></div>
+ <input id="cn-{{$notification.type}}-input" type="text" class="form-control form-control-sm" placeholder="{{$notification.filter.name_label}}">
<div id="cn-{{$notification.type}}-input-clear" class="text-muted notifications-textinput-clear d-none"><i class="fa fa-times"></i></div>
</div>
{{/if}}