diff --git a/shaarli-pro/css/style.css b/shaarli-pro/css/style.css index 05e5a74..640f63b 100644 --- a/shaarli-pro/css/style.css +++ b/shaarli-pro/css/style.css @@ -3041,4 +3041,55 @@ select:focus { .paging-stats strong { color: var(--primary); font-weight: 600; -} \ No newline at end of file +} +/* Search Results Header (Tags) */ +.search-results-header { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 0.5rem; + padding: 1rem 0; + margin-bottom: 1rem; + border-bottom: 1px solid var(--border); +} + +.search-count { + font-weight: 600; + color: var(--text-main); + margin-right: 0.5rem; +} + +.search-tag-chip { + display: inline-flex; + align-items: center; + gap: 0.25rem; + background: var(--tag-bg); + color: var(--tag-text); + padding: 0.25rem 0.6rem; + border-radius: 999px; + font-size: 0.85rem; + font-weight: 500; +} + +.search-tag-close { + display: inline-flex; + align-items: center; + justify-content: center; + color: currentColor; + opacity: 0.7; + border-radius: 50%; + width: 16px; + height: 16px; + transition: all 0.2s; + text-decoration: none; +} + +.search-tag-close:hover { + background: rgba(0,0,0,0.1); + opacity: 1; +} + +.search-tag-close i { + font-size: 14px; +} + diff --git a/shaarli-pro/linklist.html b/shaarli-pro/linklist.html index 38d2408..6b641ad 100644 --- a/shaarli-pro/linklist.html +++ b/shaarli-pro/linklist.html @@ -20,6 +20,15 @@ +{if="!empty($search_tags)"} +
+{$result_count} results tagged +{$exploded_tags=tags_str2array($search_tags, $tags_separator)} +{loop="$exploded_tags"} +{$value} +{/loop} +
+{/if} {if="count($links)==0"}
@@ -51,7 +60,7 @@
{if="$value.description"}{/if}