Add css class .photo_card_searchhidden.

frontends/etiquette_flask/static/css/photo_card.css

@@ -205,6 +205,11 @@
     font-size: 11px;
 }
 
+.photo_card_searchhidden
+{
+    border: 1px dashed var(--color_shadow);
+}
+
 .photo_card_selected::after
 {
     content: "";

frontends/etiquette_flask/templates/photo_card.html

@@ -25,7 +25,10 @@
     {% set metadata_inner = "{m}{d}, ".format(m=metadata_inner, d=photo.duration_string) %}
 {% endif -%}
 
-<div class="photo_card photo_card_{{view}} photo_card_unselected" data-id="{{photo.id}}">
+<div
+    data-id="{{photo.id}}"
+    class="photo_card photo_card_{{view}} photo_card_unselected {%if photo.searchhidden%}photo_card_searchhidden{%endif%}"
+>
     <input type="checkbox" class="photo_card_selector_checkbox" onclick="return photo_clipboard.on_photo_select(event);"/>
     <div class="photo_card_filename"><a target="_blank" href="/photo/{{photo.id}}">{{photo.basename}}</a></div>
     <span class="photo_card_metadata">