magnus/Notes2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Selecting history nodes

Browse source
This commit is contained in:
Magnus Åhall 2026-06-06 21:27:42 +02:00
parent aeca9d8559
commit 28111cc8eb
2 changed files with 140 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

81
static/css/notes2.css
View file

@ -21,7 +21,8 @@ html {
}
button {
font-size: 1e m;
font-size: 1em;
padding: 4px 8px;
}
/* ------------------------------------- *
@ -546,7 +547,7 @@ n2-pagehistory {
padding: 32px;
margin-bottom: 32px;
border-radius: 8px;
background-color: #f8f8f8;
background-color: #fafafa;
box-shadow:
rgba(0, 0, 0, 0.4) 0px 2px 4px,
@ -585,62 +586,72 @@ n2-pagehistory {
gap: 1px;
border: 1px solid var(--line-color);
&>div>div {
n2-pagehistorynode>* {
padding: 8px 12px;
background-color: #fff;
white-space: nowrap;
}
&.index {
n2-pagehistorynode {
&.selected .el-index:after {
position: absolute;
left: -20px;
content: '>';
color: var(--color1);
font-weight: bold;
margin-right: 8px;
}
.el-index {
position: relative;
text-align: right;
}
&.updated {
.el-updated {
white-space: initial;
}
.date {
.el-date {
white-space: nowrap;
font-weight: bold;
}
.time {
.el-time {
white-space: nowrap;
color: #555;
}
&.name {
.el-name {
white-space: initial;
/*overflow-wrap: anywhere;*/
word-break: break-all;
color: var(--color1);
}
}
.history-node {
display: contents;
}
}
.el-pagination {
grid-column: 1 / -1;
margin-top: 16px;
display: grid;
grid-template-columns: repeat(3, min-content);
grid-gap: 16px;
align-items: center;
white-space: nowrap;
user-select: none;
.el-prev,
.el-next {
font-weight: bold;
cursor: pointer;
border: 1px solid #aaa;
background-color: #eee;
padding: 8px 16px;
border-radius: 4px;
}
}
}
.el-pagination {
grid-column: 1 / -1;
margin-top: 16px;
display: grid;
grid-template-columns: repeat(3, min-content);
grid-gap: 16px;
align-items: center;
white-space: nowrap;
user-select: none;
.el-prev,
.el-next {
font-weight: bold;
cursor: pointer;
border: 1px solid #aaa;
background-color: #eee;
padding: 8px 16px;
border-radius: 4px;
}
}
}