V2.1.6prod

kustomize/overlays/prod/kustomization.yaml

@@ -25,5 +25,4 @@ patches:
   - path: service_patch.yaml
 images:
   - name: ghcr.io/dbca-wa/wastd
-    newTag: 2.1.5
-
+    newTag: 2.1.6

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "wastd"
-version = "2.1.5"
+version = "2.1.6"
 
 description = "Western Australian Sea Turtles Database"
 authors = ["Florian Mayer <[email protected]>", "Ashley Felton <[email protected]>","Evan Hallein <[email protected]>", "Rick Wang <[email protected]>"]

wamtram2/static/css/search_styles.css

@@ -46,7 +46,7 @@
     display: block;
     width: 100%;
     height: 38px;
-    padding: 6px 12px;
+    padding: 8px 12px;
     font-size: 15px;
     font-family: inherit;
     line-height: 1.42857143;
@@ -56,34 +56,91 @@
     border: 1px solid #ccc;
     border-radius: 4px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+    transition: all 0.2s ease-in-out;
+}
+
+.search-field:focus {
+    border-color: #80bdff;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
 }
 
 .search-results {
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    padding: 0;
-    background-color: #f8f9fa;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+    border: 1px solid rgba(0,0,0,0.15);
+    border-radius: 4px;
+    padding: 4px 0;
+    background-color: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     display: none;
     position: absolute;
-    z-index: 1000;
+    z-index: 1050;
     width: 100%;
-    max-height: 200px;
+    max-height: 250px;
     overflow-y: auto;
+    margin-top: 2px;
+}
+
+.search-results::-webkit-scrollbar {
+    width: 8px;
+}
+
+.search-results::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 4px;
+}
+
+.search-results::-webkit-scrollbar-thumb {
+    background: #ccc;
+    border-radius: 4px;
+}
+
+.search-results::-webkit-scrollbar-thumb:hover {
+    background: #999;
 }
 
 .search-result {
-    padding: 6px 12px;
+    padding: 8px 16px;
     cursor: pointer;
-    color: #444;
-    line-height: 1.42857143;
+    color: #333;
+    line-height: 1.5;
+    transition: all 0.15s ease;
+    position: relative;
 }
 
 .search-result:hover {
-    background-color: #f5f5f5;
+    background-color: #f8f9fa;
+    padding-left: 20px;
 }
 
 .search-result.selected {
-    background-color: #e9e9e9;
+    background-color: #e9ecef;
+    color: #000;
+    font-weight: 500;
+}
+
+
+.search-result:focus {
+    outline: none;
+    background-color: #e9ecef;
+    padding-left: 20px;
+}
+
+.search-results.empty {
+    padding: 12px 16px;
+    color: #6c757d;
+    font-style: italic;
+}
+
+
+.search-results.loading {
+    padding: 12px 16px;
+    color: #6c757d;
+    text-align: center;
+}
+
+
+.search-results.error {
+    padding: 12px 16px;
+    color: #dc3545;
+    text-align: center;
 }