feat: unifier le style des tags avec variables CSS --tag-bg/--tag-text, standardiser les dimensions des boutons de suppression (1.1rem), convertir les valeurs px en rem pour meilleure cohérence, améliorer l'indentation des règles CSS de la modale et des cartes, et harmoniser les styles entre note-modal-tags et note-tags pour interface cohérente

This commit is contained in:
2026-02-18 20:47:54 -05:00
parent 37fbded5a4
commit 84c7585816
5 changed files with 479 additions and 283 deletions
+15 -10
View File
@@ -22,11 +22,11 @@ Bookmarklet detection logic
<i class="mdi mdi-bookmark-multiple-outline" aria-hidden="true"></i>
<span>Tous les bookmarks</span>
</a>
<a href="{$base_path}/?searchtags=shaarli-pin" class="sidebar-link{if="isset($search_tags)&&$search_tags=='shaarli-pin'"} active{/if}" aria-label="Épinglés">
<a href="{$base_path}/?searchtags=shaarli-pin" class="sidebar-link{if="isset($search_tags) && preg_match('/(^|[\s,])shaarli-pin([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Épinglés">
<i class="mdi mdi-pin-outline" aria-hidden="true"></i>
<span>Épinglés</span>
</a>
<a href="{$base_path}/tags/cloud" class="sidebar-link{if="$pageName=='tagcloud'"} active{/if}"
<a href="{$base_path}/tags/cloud" class="sidebar-link{if="$pageName=='tag.cloud' || $pageName=='tag.list'"} active{/if}"
aria-label="Nuage de tags">
<i class="mdi mdi-tag-multiple-outline" aria-hidden="true"></i>
<span>Nuage de tags</span>
@@ -40,15 +40,15 @@ Bookmarklet detection logic
<i class="mdi mdi-calendar-today" aria-hidden="true"></i>
<span>Quotidien</span>
</a>
<a href="{$base_path}/?searchtags=todo" class="sidebar-link{if="isset($search_tags)&&$search_tags=='todo'"} active{/if}" aria-label="Mes tâches">
<a href="{$base_path}/?searchtags=todo" class="sidebar-link{if="isset($search_tags) && preg_match('/(^|[\s,])todo([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Mes tâches">
<i class="mdi mdi-check-circle-outline" aria-hidden="true"></i>
<span>Mes tâches</span>
</a>
<a href="{$base_path}/?searchtags=note" class="sidebar-link{if="isset($search_tags)&&$search_tags=='note'"} active{/if}" aria-label="Notes">
<a href="{$base_path}/?searchtags=note" class="sidebar-link{if="isset($search_tags) && preg_match('/(^|[\s,])note([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Notes">
<i class="mdi mdi-note-text-outline" aria-hidden="true"></i>
<span>Notes</span>
</a>
<a href="{$base_path}/?searchtags=readitlater" class="sidebar-link{if="isset($search_tags)&&$search_tags=='readitlater'"} active{/if}" aria-label="Read It Later">
<a href="{$base_path}/?searchtags=readitlater" class="sidebar-link{if="isset($search_tags) && preg_match('/(^|[\s,])readitlater([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Read It Later">
<i class="mdi mdi-bookmark-outline" aria-hidden="true"></i>
<span>Read It Later</span>
</a>
@@ -110,12 +110,17 @@ Bookmarklet detection logic
<!-- Main Navigation -->
<nav class="header-nav" aria-label="Navigation principale">
<a href="{$base_path}/" class="header-nav-link{if="$pageName=='linklist'"} active{/if}"
<a href="{$base_path}/" class="header-nav-link{if="$pageName=='linklist' && empty($search_tags)"} active{/if}"
aria-label="Accueil">
<i class="mdi mdi-home-outline" aria-hidden="true"></i>
<span>ACCUEIL</span>
</a>
<a href="{$base_path}/tags/cloud" class="header-nav-link{if="$pageName=='tagcloud'"} active{/if}"
<a href="{$base_path}/?searchtags=shaarli-pin" class="header-nav-link{if="isset($search_tags) && preg_match('/(^|[\s,])shaarli-pin([\s,]|$)/i', (string) $search_tags)"} active{/if}"
aria-label="Épinglés">
<i class="mdi mdi-pin-outline" aria-hidden="true"></i>
<span>ÉPINGLÉS</span>
</a>
<a href="{$base_path}/tags/cloud" class="header-nav-link{if="$pageName=='tag.cloud' || $pageName=='tag.list'"} active{/if}"
aria-label="Nuage de tags">
<i class="mdi mdi-tag-multiple" aria-hidden="true"></i>
<span>TAGS</span>
@@ -129,15 +134,15 @@ Bookmarklet detection logic
<i class="mdi mdi-calendar" aria-hidden="true"></i>
<span>QUOTIDIEN</span>
</a>
<a href="{$base_path}/?searchtags=todo" class="header-nav-link{if="isset($search_tags)&&$search_tags=='todo'"} active{/if}" aria-label="Mes tâches">
<a href="{$base_path}/?searchtags=todo" class="header-nav-link{if="isset($search_tags) && preg_match('/(^|[\s,])todo([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Mes tâches">
<i class="mdi mdi-check-circle-outline" aria-hidden="true"></i>
<span>TÂCHES</span>
</a>
<a href="{$base_path}/?searchtags=note" class="header-nav-link{if="isset($search_tags)&&$search_tags=='note'"} active{/if}" aria-label="Notes">
<a href="{$base_path}/?searchtags=note" class="header-nav-link{if="isset($search_tags) && preg_match('/(^|[\s,])note([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Notes">
<i class="mdi mdi-note-text-outline" aria-hidden="true"></i>
<span>NOTES</span>
</a>
<a href="{$base_path}/?searchtags=readitlater" class="header-nav-link{if="isset($search_tags)&&$search_tags=='readitlater'"} active{/if}" aria-label="Read It Later">
<a href="{$base_path}/?searchtags=readitlater" class="header-nav-link{if="isset($search_tags) && preg_match('/(^|[\s,])readitlater([\s,]|$)/i', (string) $search_tags)"} active{/if}" aria-label="Read It Later">
<i class="mdi mdi-bookmark-outline" aria-hidden="true"></i>
<span>READ IT LATER</span>
</a>