Changement des ilink vers markdown pur

This commit is contained in:
2025-11-12 20:17:43 +01:00
parent 6585b1765a
commit a09b73e4f1
25 changed files with 803 additions and 315 deletions

View File

@ -1261,6 +1261,22 @@ body, html {
box-shadow: var(--shadow-glow);
}
/* Style pour la racine en drag-over */
.sidebar-section-header.drag-over {
background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)) !important;
color: white !important;
box-shadow: var(--shadow-glow);
border: 2px solid var(--accent-primary);
border-radius: var(--radius-md);
animation: pulse 1s ease-in-out infinite;
}
.sidebar-section-header.drag-over .folder-name,
.sidebar-section-header.drag-over .root-hint,
.sidebar-section-header.drag-over .folder-icon {
color: white !important;
}
/* Indicateur de destination pendant le drag */
.drag-destination-indicator {
position: fixed;
@ -3400,25 +3416,14 @@ body, html {
overflow-y: auto;
padding: var(--spacing-sm);
margin-bottom: var(--spacing-lg);
scrollbar-width: thin;
scrollbar-color: var(--border-primary) transparent;
/* Masquer la scrollbar mais garder le scroll */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE et Edge */
}
/* Masquer la scrollbar pour Chrome, Safari et Opera */
.recent-notes-container::-webkit-scrollbar {
width: 6px;
}
.recent-notes-container::-webkit-scrollbar-track {
background: transparent;
}
.recent-notes-container::-webkit-scrollbar-thumb {
background: var(--border-primary);
border-radius: 3px;
}
.recent-notes-container::-webkit-scrollbar-thumb:hover {
background: var(--border-secondary);
display: none;
}
.recent-note-card {
@ -3482,3 +3487,140 @@ body, html {
-webkit-box-orient: vertical;
overflow: hidden;
}
/* ========================================
Home Page Sections with Accordions
======================================== */
.home-section {
margin-bottom: var(--spacing-lg);
border: 1px solid var(--border-primary);
border-radius: var(--radius-lg);
background: var(--bg-secondary);
overflow: hidden;
transition: all var(--transition-fast);
}
.home-section:hover {
border-color: var(--border-secondary);
box-shadow: var(--shadow-sm);
}
.home-section-header {
display: flex;
align-items: center;
gap: var(--spacing-sm);
padding: var(--spacing-md) var(--spacing-lg);
cursor: pointer;
background: var(--bg-tertiary);
border-bottom: 1px solid var(--border-primary);
transition: all var(--transition-fast);
user-select: none;
}
.home-section-header:hover {
background: var(--bg-secondary);
}
.home-section-header:active {
background: var(--bg-primary);
}
.home-section-title {
margin: 0;
font-size: 1.3rem;
font-weight: 600;
color: var(--text-primary);
flex: 1;
}
.home-section-content {
padding: var(--spacing-lg);
overflow-y: auto;
transition: all var(--transition-medium);
max-height: 600px;
/* Masquer la scrollbar mais garder le scroll */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE et Edge */
}
/* Masquer la scrollbar pour Chrome, Safari et Opera */
.home-section-content::-webkit-scrollbar {
display: none;
}
/* Adjust nested containers for accordion layout */
.home-section .recent-notes-container {
padding: 0;
margin-bottom: 0;
}
/* ========================================
Breadcrumb Navigation
======================================== */
.breadcrumb {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 0.25rem;
font-size: 0.95rem;
}
.breadcrumb-link {
color: var(--accent-primary);
text-decoration: none;
padding: 0.25rem 0.5rem;
border-radius: var(--radius-sm);
transition: all var(--transition-fast);
}
.breadcrumb-link:hover {
background: var(--bg-tertiary);
color: var(--accent-secondary);
}
.breadcrumb-separator {
color: var(--text-muted);
font-size: 0.9rem;
}
/* ========================================
Folder and File Lists (Folder View)
======================================== */
/* Styles spécifiques pour la vue de dossier dans l'éditeur */
#editor-content .folder-list,
#editor-content .file-list {
display: flex;
flex-direction: column;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-lg);
}
#editor-content .folder-list .folder-item,
#editor-content .file-list .file-item {
padding: var(--spacing-md);
background: var(--bg-secondary);
border: 1px solid var(--border-primary);
border-radius: var(--radius-md);
transition: all var(--transition-fast);
}
#editor-content .folder-list .folder-item:hover,
#editor-content .file-list .file-item:hover {
border-color: var(--accent-primary);
box-shadow: var(--shadow-sm);
transform: translateX(4px);
}
#editor-content .folder-list .folder-item a,
#editor-content .file-list .file-item a {
color: var(--text-primary);
text-decoration: none;
display: block;
font-weight: 500;
}
#editor-content .folder-list .folder-item:hover a,
#editor-content .file-list .file-item:hover a {
color: var(--accent-primary);
}