feat: refactorer interface création/édition notes avec input Google Keep-like (expand on focus, formatting toolbar avec boutons B/I/U/H1-H3/liste/lien, textarea auto-resize), modal édition unifiée avec textarea source éditable, styles dark mode optimisés (backgrounds #202124, shadows rgba), hover actions repositionnés (gap 2px, margin-left -6px, opacity 0.7→1), note cards avec transitions cubic-bezier et border-color transparent au hover, et amélioration générale UX avec animations fade

This commit is contained in:
2026-02-22 09:28:37 -05:00
parent 73d3a968a8
commit 8b62046fa7
3 changed files with 1091 additions and 119 deletions
+5 -5
View File
@@ -24,13 +24,13 @@
<!-- Professional Theme CSS -->
<link type="text/css" rel="stylesheet" href="{$base_path}/{function="ltrim($asset_path, '/')"}/css/style.css?v=1.0.4" />
<link type="text/css" rel="stylesheet" href="{$base_path}/{function="ltrim($asset_path, '/')"}/css/custom_views.css?v=1.0.4" />
<link type="text/css" rel="stylesheet" href="{$base_path}/{function="ltrim($asset_path, '/')"}/css/custom_views.css?v=1.0.5" />
{if="$pageName=='editlink' || $pageName=='addlink' || $pageName=='editlinkbatch'"}
<link type="text/css" rel="stylesheet" href="{$base_path}/{function="ltrim($asset_path, '/')"}/css/awesomplete.css?v=1.0.4" />
<script src="{$base_path}/{function="ltrim($asset_path, '/')"}/js/awesomplete.min.js?v=1.0.4" defer></script>
{/if}
{if="$pageName=='editlink' || $pageName=='editlinkbatch'"}
{if="$pageName=='editlink' || $pageName=='editlinkbatch' || ($pageName=='linklist' && isset($search_tags) && preg_match('/(^|[\s,])note([\s,]|$)/i', (string) $search_tags))"}
<link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/toastui-editor.min.css" />
<link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/theme/toastui-editor-dark.min.css" />
<script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js" defer></script>
@@ -61,14 +61,14 @@ var shaarli = {
basePath: '{$base_path}',
rootPath: '{$root_path}',
assetPath: '{$base_path}{$asset_path}',
isAuth: {if="$is_logged_in"}true{else}false{/if},
isAuth: (function(){/*{if="$is_logged_in"}*/return true;/*{else}*/return false;/*{/if}*/})(),
pageName: '{$pageName}',
visibility: '{$visibility}',
untaggedonly: {if="$untaggedonly"}true{else}false{/if}
untaggedonly: (function(){/*{if="$untaggedonly"}*/return true;/*{else}*/return false;/*{/if}*/})()
};
</script>
<script src="{$base_path}/{function="ltrim($asset_path, '/')"}/js/script.js?v=1.0.5" defer></script>
<script src="{$base_path}/{function="ltrim($asset_path, '/')"}/js/custom_views.js?v=1.0.5" defer></script>
<script src="{$base_path}/{function="ltrim($asset_path, '/')"}/js/custom_views.js?v=1.0.6" defer></script>
{if="file_exists('tpl/shaarli-pro/extra.html')"}
{include="extra"}