diff --git a/backend/backend.py b/backend/backend.py index 0e910ade..3b69c828 100644 --- a/backend/backend.py +++ b/backend/backend.py @@ -99,7 +99,11 @@ def main_page(): sorted_watches.sort(key=lambda x: x['last_changed'], reverse=True) existing_tags = datastore.get_all_tags() - output = render_template("watch-overview.html", watches=sorted_watches, messages=messages, tags=existing_tags) + output = render_template("watch-overview.html", + watches=sorted_watches, + messages=messages, + tags=existing_tags, + active_tag=limit_tag) # Show messages but once. messages = [] diff --git a/backend/static/css/styles.css b/backend/static/css/styles.css index d1d381ff..5d252a5d 100644 --- a/backend/static/css/styles.css +++ b/backend/static/css/styles.css @@ -140,11 +140,15 @@ body:after, body:before { .button-tag { background: rgb(99, 99, 99); - /* this is a green */ -color: #fff; - font-size: 65%; + color: #fff; + font-size: 65%; + border-bottom-left-radius: initial; + border-bottom-right-radius: initial; +} +.button-tag.active { + background: #9c9c9c; + font-weight: bold; } - .button-error { background: rgb(202, 60, 60); /* this is a maroon */ diff --git a/backend/templates/watch-overview.html b/backend/templates/watch-overview.html index 28732a02..56387102 100644 --- a/backend/templates/watch-overview.html +++ b/backend/templates/watch-overview.html @@ -15,11 +15,12 @@
+ {% for tag in tags %} {% if tag == "" %} - All + All {% else %} - {{ tag }} + {{ tag }} {% endif %} {% endfor %}