Adjust position of live search drop-down for smaller screens

Refs #228
2025-07-24 17:32:15 +00:00 · 2016-06-27 10:48:47 +01:00
parent 8d72004133
commit 1276b0d4de
1 changed files with 10 additions and 1 deletions
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.css
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.css
@@ -1,6 +1,6 @@
 :host {
    position: absolute;
-    z-index: 1;
+    z-index: 5;
    display: none;
    color: #555;
    margin: -21px 0px 0px 0px;
@@ -36,3 +36,12 @@
    overflow: hidden;
    text-overflow: ellipsis;
 }
+
+@media screen and (max-width: 400px) {
+    :host {
+        right: 0;
+    }
+    .truncate{
+        width: 200px;
+    }
+}