sepehr/Momento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): panneau repliable, carnets plus lisibles et accueil plus clair

Browse Source 
Harmonise la liste des notes et l’éditeur (titres, dates, retour),
rend la saisie rapide et les raccourcis de l’accueil utilisables
sur téléphone, et conserve le panneau latéral repliable.
This commit is contained in:
Antigravity
2026-09-05 20:53:48 +00:00
parent a7b16870a4
commit 3bdbec575a
37 changed files with 1138 additions and 482 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
memento-note/app/globals.css
View File

@@ -164,6 +164,23 @@ html:not(.dark) .memento-active-nav {
background: rgba(28, 28, 28, 0.2);
}
.dashboard-action-strip {
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--color-brand-accent) 45%, transparent) transparent;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
}
.dashboard-action-strip::-webkit-scrollbar {
height: 4px;
}
.dashboard-action-strip::-webkit-scrollbar-track {
background: transparent;
}
.dashboard-action-strip::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--color-brand-accent) 40%, transparent);
border-radius: 999px;
}
.sidebar-shadow {
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.05);
}
@@ -2816,7 +2833,7 @@ html.font-system * {
/* Rendre l'éditeur plus confortable sur mobile */
.notion-editor.tiptap {
padding-bottom: 80px !important; /* laisser de la place pour la toolbar */
padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)) !important; /* laisser de la place pour la toolbar */
}
}
@@ -2827,7 +2844,8 @@ html.font-system * {
left: 0;
right: 0;
z-index: 150;
height: 52px;
height: calc(52px + env(safe-area-inset-bottom, 0px));
padding-bottom: env(safe-area-inset-bottom, 0px);
background: color-mix(in srgb, var(--popover) 90%, transparent);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
@@ -3078,4 +3096,35 @@ html.font-system * {
.tiptap-column > *:first-child { margin-top: 0; }
.tiptap-column > *:last-child { margin-bottom: 0; }
.tiptap-column p { margin: 4px 0; }
.tiptap-column p { margin: 4px 0; }
@media (min-width: 768px) {
.dashboard-sidebar {
--sidebar-expanded-width: 26rem;
width: var(--sidebar-expanded-width);
transition: width 300ms cubic-bezier(0.16, 1, 0.3, 1), transform 300ms ease;
}
.dashboard-sidebar #sidebar-context-panel {
flex: none;
width: calc(var(--sidebar-expanded-width) - 72px);
transition: opacity 180ms ease, visibility 300ms;
}
.dashboard-sidebar #sidebar-context-panel[data-collapsed="true"] {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
@media (min-width: 1536px) {
.dashboard-sidebar { --sidebar-expanded-width: 30rem; }
}
@media (prefers-reduced-motion: reduce) {
.dashboard-sidebar,
.dashboard-sidebar #sidebar-context-panel {
transition: none;
}
}