near/computersandblues.lodestone
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add "load more" button and fix pagination

Browse source
This commit is contained in:
arne 2025-11-19 19:43:09 +01:00
commit f984e9b14d
2 changed files with 170 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

41
public/index.html
View file

@ -86,6 +86,11 @@
background: rgba(255, 255, 255, 0.8);
}
button[disabled] {
opacity: 0.6;
cursor: not-allowed;
}
section.login label,
section.login input {
display: block;
@ -100,6 +105,11 @@
section.posts .controls {
padding: 0 0 36px;
display: grid;
grid-template:
"a"
"b"
"c";
}
section.posts .controls .search-form input {
@ -137,14 +147,19 @@
flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
section.posts .controls {
display: grid;
grid-template:
"a a"
"b c";
}
section.posts .controls .post-info {
grid-area: b;
}
section.posts .controls .search-form {
grid-area: c;
}
section.posts .controls .buttons {
grid-area: a;
}
@media screen and (min-width: 640px) {
section.posts .controls .post-info {
grid-area: a;
}
@ -159,14 +174,12 @@
section.posts .controls .buttons {
grid-area: c;
display: flex;
justify-content: end;
}
}
section.posts .controls .control-button {
padding: 6px;
margin: 6px 0;
margin: 6px 0 6px 12px;
background: #f5e6ab;
color: #444;
cursor: pointer;
@ -212,14 +225,12 @@
margin: 24px 0 0;
padding: 0;
list-style-type: none;
display: flex;
justify-content: end;
flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
section.posts .post .controls {
display: flex;
justify-content: end
}
section.posts .post .controls .control-element a {
margin: 0 0 0 12px;
}