[OK-376] reset z-index from bootstrap in search-component to avoid visibility of search fiels in nav-bar while scrolling.
diff --git a/src/app/pages/search/search.component.css b/src/app/pages/search/search.component.css
index 6278c71..4752ed9 100644
--- a/src/app/pages/search/search.component.css
+++ b/src/app/pages/search/search.component.css
@@ -11,4 +11,12 @@
float: left;
padding-left: 1cm;
padding-right: 0.2cm;
+}
+
+.search-input {
+ width: 30%;
+}
+
+.z-index-0 {
+ z-index: 0;
}
\ No newline at end of file
diff --git a/src/app/pages/search/search.component.html b/src/app/pages/search/search.component.html
index da86506..6b58f64 100644
--- a/src/app/pages/search/search.component.html
+++ b/src/app/pages/search/search.component.html
@@ -31,11 +31,11 @@
<tr>
<td class="text-right" style="width: 250px;"><label>Suchbegriff</label></td>
<td colspan="8">
- <div class="input-group">
+ <div class="input-group z-index-0">
<input [(ngModel)]="currentSearchFilter.searchString" type="search" class="search-input form-control" (keyup.enter)="search()"
placeholder="Suchbegriff..." name="searchInput">
<div class="input-group-btn">
- <button type="button" class="btn btn-primary" (click)="search()">
+ <button type="button" class="btn btn-primary z-index-0" (click)="search()">
<span class="glyphicon glyphicon-search"></span>
</button>
</div>
diff --git a/src/styles.css b/src/styles.css
index aeaea55..721d55e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -218,16 +218,6 @@
margin: 15px;
}
-
-/* Search styling */
-.search-input {
- width: 30%;
-}
-/* commented out because this disturbs navbar icon style
-span.glyphicon-search {
- color: #b6cbdb;
-}
-*/
.custom-drop-down .c-token span{
pointer-events: auto;
position: relative;
