Merge branch 'MetaGer-Redesign' of...

Merge branch 'MetaGer-Redesign' of https://gitlab.metager3.de/open-source/MetaGer into MetaGer-Redesign

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

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')">