roundabout,
created on Monday, 4 March 2024, 16:47:38 (1709570858),
received on Wednesday, 31 July 2024, 06:54:42 (1722408882)
Author identity: vlad <vlad.muntoiu@gmail.com>
d53bc2b8f2e5ed82f0b361e0484598a2da148f78
static/style.css
@@ -242,4 +242,37 @@ hr {
#repo-nav {
padding-left: 0;
}
x-buttonbox.segmented {
box-shadow: var(--shadow-button);
padding: 0;
gap: 0;
overflow: hidden;
border-radius: var(--radius-button);
width: fit-content;
}
x-buttonbox.segmented > * {
border-radius: 0;
}
.vote-button:not(.selected) {
box-shadow: none !important;
color: inherit !important;
background: transparent !important;
outline: 0.1px solid #00000080;
}
.vote-button:not(.selected):hover {
background: var(--color-flat-button-hover) !important;
}
.vote-button {
padding: 4px;
}
.vote-score {
min-width: 3ch;
text-align: center;
}
static/voting.js
@@ -1,11 +1,11 @@
function updateButtons(postID, score) {
document.getElementById(postID + "-voteup").classList.add("button-flat");
document.getElementById(postID + "-votedown").classList.add("button-flat");
document.getElementById(postID + "-voteup").classList.remove("selected");
document.getElementById(postID + "-votedown").classList.remove("selected");
if(score == 1) {
document.getElementById(postID + "-voteup").classList.remove("button-flat");
document.getElementById(postID + "-voteup").classList.add("selected");
} else if(score == -1) {
document.getElementById(postID + "-votedown").classList.remove("button-flat");
document.getElementById(postID + "-votedown").classList.add("selected");
}
}
templates/post.html
@@ -20,10 +20,10 @@
{{ post.message }}
</p>
{% if logged_in_user %}
<x-buttonbox class="box-center">
<button onclick="vote({{ post.number }}, 1);" class="button-flat big-button" id="{{ post.number }}-voteup"><iconify-icon icon="mdi:arrow-up"></iconify-icon></button>
<span style="font-size: 1.5em;" id="{{ post.number }}-vote">{{ post.voteSum }}</span>
<button onclick="vote({{ post.number }}, -1);" class="button-flat big-button" id="{{ post.number }}-votedown"><iconify-icon icon="mdi:arrow-down"></iconify-icon></button>
<x-buttonbox class="box-center segmented">
<button onclick="vote({{ post.number }}, 1);" class="vote-button big-button" id="{{ post.number }}-voteup"><iconify-icon icon="mdi:arrow-up"></iconify-icon></button>
<span style="font-size: 1.5em;" class="vote-score" id="{{ post.number }}-vote">{{ post.voteSum }}</span>
<button onclick="vote({{ post.number }}, -1);" class="vote-button big-button" id="{{ post.number }}-votedown"><iconify-icon icon="mdi:arrow-down"></iconify-icon></button>
<script>vote({{ post.number }}, 0);</script>
</x-buttonbox>
{% endif %}