diff --git a/bazaar/static/css/project.css b/bazaar/static/css/project.css index 4d7394c..614fdf8 100644 --- a/bazaar/static/css/project.css +++ b/bazaar/static/css/project.css @@ -7354,3 +7354,37 @@ samp { width: 100%; overflow-x: auto; white-space: nowrap; } + +.autocomplete { + position: relative; + display: inline-block; + flex: 1 1 auto; + width: 1%; } + +.autocomplete .form-control { + width: 100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.autocomplete-items { + text-align: left; + position: absolute; + border: 1px solid #d4d4d4; + border-top: none; + z-index: 99; + top: 100%; + left: 0; + right: 0; } + +.autocomplete-items div { + padding: 10px; + cursor: pointer; + background-color: #fff; + border-bottom: 1px solid #d4d4d4; } + +.autocomplete-items div:hover { + background-color: #e9e9e9; } + +.autocomplete-active { + background-color: #cbb4f6 !important; + color: #ffffff; } diff --git a/bazaar/static/sass/project.scss b/bazaar/static/sass/project.scss index 5263e5f..7c07d03 100644 --- a/bazaar/static/sass/project.scss +++ b/bazaar/static/sass/project.scss @@ -127,4 +127,44 @@ samp { width: 100%; overflow-x: auto; white-space: nowrap; +} + +.autocomplete { + position: relative; + display: inline-block; + flex: 1 1 auto; + width: 1%; +} + +.autocomplete .form-control { + width: 100%; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.autocomplete-items { + text-align: left; + position: absolute; + border: 1px solid #d4d4d4; + border-top: none; + z-index: 99; + top: 100%; + left: 0; + right: 0; +} + +.autocomplete-items div { + padding: 10px; + cursor: pointer; + background-color: #fff; + border-bottom: 1px solid #d4d4d4; +} + +.autocomplete-items div:hover { + background-color: #e9e9e9; +} + +.autocomplete-active { + background-color: #d1c0ee !important; + color: #ffffff; } \ No newline at end of file diff --git a/bazaar/templates/front/index.html b/bazaar/templates/front/index.html index 11a530f..fd759e6 100644 --- a/bazaar/templates/front/index.html +++ b/bazaar/templates/front/index.html @@ -46,9 +46,13 @@