markmental/eternalibre-notes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Start of changes for 0.2, adding folders to organize notes

Browse source
This commit is contained in:
mrkmntal 2026-10-02 14:41:37 -04:00
commit 8f7a5c03e0
8 changed files with 754 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

124
static/style.css
View file

@ -293,7 +293,7 @@ button, input, select, textarea {
/* Flash Messages */
.flash-message {
padding: 8px 12px;
background-color: var(--ansi-2);
background-color: var(--ansi-1);
color: var(--app-bg);
font-size: 13px;
font-weight: 500;
@ -430,6 +430,109 @@ button, input, select, textarea {
font-size: 13px;
}
/* New Folder Form */
.new-folder-form {
display: flex;
gap: 6px;
padding: 8px 12px;
border-bottom: 1px solid var(--ui-border);
}
.new-folder-form input {
flex: 1;
min-width: 0;
padding: 6px 10px;
background-color: var(--app-bg);
border: 1px solid var(--ui-border);
border-radius: 6px;
color: var(--app-fg);
font-size: 13px;
outline: none;
}
.new-folder-form input:focus {
border-color: var(--ansi-4);
}
.new-folder-form button {
padding: 6px 10px;
background-color: var(--ui-hover);
border: 1px solid var(--ui-border);
border-radius: 6px;
color: var(--app-fg);
font-size: 12px;
cursor: pointer;
white-space: nowrap;
transition: background-color 0.15s ease;
}
.new-folder-form button:hover {
background-color: var(--ansi-12);
color: var(--ansi-0);
}
/* Folder Navigation */
.folder-nav {
list-style: none;
margin: 0;
padding: 8px;
display: flex;
flex-direction: column;
gap: 2px;
border-bottom: 1px solid var(--ui-border);
}
.nav-item a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-radius: 6px;
color: var(--app-fg);
font-size: 13px;
transition: background-color 0.15s ease;
}
.nav-item a:hover {
background-color: var(--ui-hover);
text-decoration: none;
}
.nav-item.active a {
background-color: var(--ui-hover);
font-weight: 600;
}
.nav-count {
font-size: 11px;
opacity: 0.6;
background-color: var(--ui-hover);
padding: 2px 6px;
border-radius: 10px;
}
.nav-item.active .nav-count {
opacity: 0.8;
}
/* Folder Group Headers */
.folder-header {
padding: 8px 12px 4px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
opacity: 0.5;
}
/* Note Folder Display */
.note-folder {
padding: 8px 16px;
font-size: 12px;
opacity: 0.6;
border-bottom: 1px solid var(--ui-border);
}
/* Editor Pane */
.editor-pane {
display: flex;
@ -1046,6 +1149,25 @@ button, input, select, textarea {
padding: 12px 16px;
}
.new-folder-form {
padding: 8px;
}
.new-folder-form input,
.new-folder-form button {
min-height: 44px;
font-size: 16px; /* prevents iOS zoom-on-focus */
}
.folder-nav {
padding: 8px;
}
.nav-item a {
min-height: 44px;
padding: 10px 12px;
}
.note-list {
padding: 8px;
}