From 701403b1a27361db785fc6cb7cc07b1ccac246d9 Mon Sep 17 00:00:00 2001
From: Terry Geng <gengyanda@gmail.com>
Date: Fri, 20 Mar 2020 12:30:03 +0800
Subject: [PATCH] fix: tag selector beautifed

---
 interface.py          | 2 ++
 static/css/custom.css | 6 ++++++
 templates/index.html  | 6 ++++--
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/interface.py b/interface.py
index c5f5e14..4d1c2da 100644
--- a/interface.py
+++ b/interface.py
@@ -387,6 +387,8 @@ def build_library_query_condition(form):
                         break
             if count > 0:
                 condition.and_sub_condition(sub_cond)
+            else:
+                condition.and_equal("id", None)
 
         tags = form['tags'].split(",")
         for tag in tags:
diff --git a/static/css/custom.css b/static/css/custom.css
index f7a95eb..372e1ca 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -9,8 +9,14 @@
    cursor:pointer;
    transition: 400ms;
 }
+.tag-unclicked{
+   opacity: 0.6;
+}
 .tag-clicked{
+   box-shadow: 2px 4px 10px #777777;
    transform: scale(1.2);
+   opacity: 1;
+   margin: 5px;
 }
 .floating-button {
    width: 50px;
diff --git a/templates/index.html b/templates/index.html
index 0115480..0c5976d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -156,7 +156,7 @@
                                             <label class="col-sm-2 col-form-label">Tags</label>
                                             <div class="col-sm-10" style="padding-top:5px;">
                                                 {% for tag in tags_color_lookup.keys() %}
-                                                    <span id="filter-tag" class="filter-tag tag-click badge badge-{{ tags_color_lookup[tag] }}">{{ tag }}</span>
+                                                    <span id="filter-tag" class="filter-tag tag-unclicked tag-click badge badge-{{ tags_color_lookup[tag] }}">{{ tag }}</span>
                                                 {% endfor %}
                                             </div>
                                         </div>
@@ -582,7 +582,7 @@
                     filter_radio = false;
                 }else{
                     filter_btn_radio.removeClass("btn-secondary").addClass("btn-primary");
-                    filter_types.push('radio')
+                    filter_types.push('radio');
                     filter_radio = true;
                 }
             }
@@ -596,7 +596,9 @@
             _tag = tag;
             if (!tag.hasClass('tag-clicked')) {
                 tag.addClass('tag-clicked');
+                tag.removeClass('tag-unclicked');
             } else {
+                tag.addClass('tag-umclicked');
                 tag.removeClass('tag-clicked');
             }
             updateResults();