Projets/Shaarli_bm_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: déplacer boutons création rapide (bookmark/note/todo) du footer vers section dédiée en haut de sidebar avec titre "Création rapide", ajout styles sidebar-add-section (margin-top 0.25rem, title margin-bottom 0.5rem), et repositionnement avant section Navigation pour meilleure accessibilité

Browse Source
This commit is contained in:
Bruno Charest 2026-04-19 22:31:24 -04:00
parent 9ba90f4d76
commit 861b3d347c
2 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
shaarli-pro/css/style.css
View File

@ -278,6 +278,15 @@ a:focus:not(:focus-visible) {
color: white;
}
/* Sidebar Add Section (Création rapide) */
.sidebar-add-section {
margin-top: 0.25rem;
}
.sidebar-add-section .sidebar-section-title {
margin-bottom: 0.5rem;
}
/* Sidebar Segmented Add Button */
.sidebar-add-segmented {
display: flex;

31
shaarli-pro/page.header.html
View File

@ -24,6 +24,23 @@ Bookmarklet detection logic
</button>
</div>
{if="$is_logged_in"}
<div class="sidebar-section sidebar-add-section">
<div class="sidebar-section-title">Création rapide</div>
<div class="sidebar-add-segmented">
<a href="{$base_path}/admin/add-shaare" class="sidebar-add-segment" title="Bookmark">
<i class="mdi mdi-bookmark-outline"></i>
</a>
<a href="#" class="sidebar-add-segment sidebar-add-note" title="Note" data-base-path="{$base_path}">
<i class="mdi mdi-note-text-outline"></i>
</a>
<a href="#" class="sidebar-add-segment sidebar-add-todo" title="Todo" data-base-path="{$base_path}">
<i class="mdi mdi-check-circle-outline"></i>
</a>
</div>
</div>
{/if}
<div class="sidebar-section">
<div class="sidebar-section-title">Navigation</div>
<a href="{$base_path}/" class="sidebar-link{if="$pageName=='linklist' && empty($search_tags)"} active{/if}"
@ -85,20 +102,6 @@ Bookmarklet detection logic
</nav>
<div class="sidebar-footer">
{if="$is_logged_in"}
<div class="sidebar-add-segmented">
<a href="{$base_path}/admin/add-shaare" class="sidebar-add-segment" title="Bookmark">
<i class="mdi mdi-bookmark-outline"></i>
</a>
<a href="#" class="sidebar-add-segment sidebar-add-note" title="Note" data-base-path="{$base_path}">
<i class="mdi mdi-note-text-outline"></i>
</a>
<a href="#" class="sidebar-add-segment sidebar-add-todo" title="Todo" data-base-path="{$base_path}">
<i class="mdi mdi-check-circle-outline"></i>
</a>
</div>
{/if}
<div class="theme-toggle-wrapper">
<span class="theme-toggle-label">
<i class="mdi mdi-weather-sunny" id="theme-icon-light" aria-hidden="true"></i>