From 1b967ea09cdd44e0ac7b7bf8e1233629eee37407 Mon Sep 17 00:00:00 2001
From: Aria <aria@suma-ev.de>
Date: Tue, 14 Nov 2017 10:49:03 +0100
Subject: [PATCH] Tooltips zu den Searchbarbuttons hinzugefuegt
---
resources/assets/less/metager/searchbar.less | 32 ++++++++++++++++++++
resources/views/parts/searchbar.blade.php | 7 +++++
2 files changed, 39 insertions(+)
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 7f0710b04..03dac5ce4 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -142,4 +142,36 @@
:first-child {
border-left: none;
}
+}
+
+.searchbar-tooltip {
+ display: none;
+ position:absolute;
+ margin-top: 40px;
+
+ & > .searchbar-tooltip-arrow {
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 5px solid #ff8000;
+ margin-left: 5%;
+ }
+
+ & > .searchbar-tooltip-content {
+ position: relative;
+ margin-left: -45%;
+ & > p {
+ display: inline-block;
+ background: #ff8000;
+ border-radius: .25em;
+ font-size: 16px;
+ color: white;
+ padding: 5px 10px;
+ }
+ }
+}
+
+div:hover > .searchbar-tooltip {
+ display: inline-block;
}
\ No newline at end of file
diff --git a/resources/views/parts/searchbar.blade.php b/resources/views/parts/searchbar.blade.php
index ad01a93a8..cf9094251 100644
--- a/resources/views/parts/searchbar.blade.php
+++ b/resources/views/parts/searchbar.blade.php
@@ -16,6 +16,13 @@
<button type="button" id="addFocusBtn">
<i class="fa fa-plus"></i>
</button>
+ <div class="searchbar-tooltip">
+ <div class="searchbar-tooltip-arrow">
+ </div>
+ <div class="searchbar-tooltip-content">
+ <p>{{{ trans('index.add-focus') }}}</p>
+ </div>
+ </div>
</div>
<div class="search-edit-focus js-only">
<button type="button" id="editFocusBtn" title="@lang('index.edit-focus')">
--
GitLab