0.0.20 add autocomplete for search in input

2023-07-19 15:50:00 +03:00
parent 113e576d4c
commit 7c320d2709
12 changed files with 300 additions and 14 deletions
--- a/static/css/ion.rangeSlider.min.css
+++ b/static/css/ion.rangeSlider.min.css
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -942,4 +942,54 @@ form.new_route{



-/*Range slider end*/
+/*Range slider end*/
+
+/*autocomplete-wrapper START*/
+.form-group {
+  margin-bottom: 20px;
+}
+.control-label {
+  display: block;
+}
+
+.autocomplete-wrapper {
+  position: relative;
+
+}
+.autocomplete-results {
+  position: absolute;
+  background: white;
+  z-index: 1;
+  top: 100%;
+  left: 0;
+  font-size: 13px;
+  border: solid 1px #ddd;
+  border-top-width: 0;
+  border-bottom-color: #ccc;
+  box-shadow:
+    0 5px 10px rgba(0, 0, 0, 0.2);
+}
+
+.autocomplete-result {
+  padding: 12px 15px;
+  border-bottom: solid 1px #eee;
+  cursor: pointer;
+}
+
+.autocomplete-result:last-child {
+  border-bottom-width: 0;
+}
+
+.autocomplete-location {
+  opacity: .8;
+  font-size: smaller;
+}
+
+
+  .autocomplete-results[data-highlight='#{$i}'] > :nth-child(#{$iPlus}) {
+    color: white;
+    background: #26C9FF;
+    border-bottom-color: #26C9FF;
+    outline: solid 1px #26C9FF;
+  }
+/*autocomplete-wrapper END*/