Tweak toggle label design

amercader · Jan 22, 2024 · 4c3413b · 4c3413b
1 parent 57e2f25
commit 4c3413b
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 30 deletions.
diff --git a/ckanext/embeddings/assets/script.js b/ckanext/embeddings/assets/script.js
diff --git a/ckanext/embeddings/assets/style.css b/ckanext/embeddings/assets/style.css
@@ -1,5 +1,7 @@
-/*
-body {
-  border-radius: 0;
+.semantic-search-label {
+  font-size: 16px;
+}
+
+.semantic-search-label:after {
+  content: '';
 }
-*/
diff --git a/ckanext/embeddings/assets/webassets.yml b/ckanext/embeddings/assets/webassets.yml
@@ -1,14 +1,5 @@
-# embedding-js:
-#   filter: rjsmin
-#   output: ckanext-embedding/%(version)s-embedding.js
-#   contents:
-#     - js/embedding.js
-#   extra:
-#     preload:
-#       - base/main
-
-# embedding-css:
-#   filter: cssrewrite
-#   output: ckanext-embedding/%(version)s-embedding.css
-#   contents:
-#     - css/embedding.css
+css:
+  filter: cssrewrite
+  output: ckanext-embeddings/%(version)s-embeddings.css
+  contents:
+    - style.css
diff --git a/ckanext/embeddings/plugin.py b/ckanext/embeddings/plugin.py
@@ -29,6 +29,7 @@ def update_config(self, config):
         self.backend = get_embeddings_backend()
 
         toolkit.add_template_directory(config, "templates")
+        toolkit.add_resource("assets", "ckanext-embeddings")
 
     # IClick
 

diff --git a/ckanext/embeddings/templates/snippets/search_form.html b/ckanext/embeddings/templates/snippets/search_form.html
@@ -2,12 +2,14 @@
 
 {% block search_title %}
   {{ super() }}
+
+  {% asset "ckanext-embeddings/css" %}
   <div class="form-check form-switch">
 	<input class="form-check-input" type="checkbox" value="" id="ext_vector_search" name="ext_vector_search"
       {% if h.get_request_param("ext_vector_search") == "true" %}checked{% endif %}
        onclick="document.getElementById('ext_vector_search').value = (document.getElementById('ext_vector_search').checked === true)">
-	<label class="form-check-label" for="ext_vector_search">
-	  Vector search
+	<label class="form-check-label semantic-search-label" for="ext_vector_search">
+	  Semantic search
 	</label>
   </div>
 {% endblock %}