sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

not very useful close button script (thanks unnick)
All checks were successful
/ build (push) Successful in 33s
Details

Browse source
This commit is contained in:
Ruben 2025-07-15 11:18:36 -05:00
commit 418222fc0c
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
4 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
_includes/layouts/header.njk
View file

@ -17,6 +17,7 @@
{% set js %}
{% include "scripts/alt-popup.js" %}
{% include "scripts/button.js" %}
{% include "scripts/close.js" %}
{% include "scripts/settings.js" %}
{% endset %}
<meta charset="UTF-8">

7
_includes/scripts/close.js Normal file
View file

@ -0,0 +1,7 @@
// unnick asked for this, i provide.
// this provides no usefulness and there is no implementation to respawn windows. but i think it's funny and you can just reload anyways since it doesn't take long to load anyways
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll(".close-button").forEach(e => {
e.onclick = () => e.parentElement.parentElement.remove();
});
});

2
_includes/scripts/settings.js
View file

@ -1,4 +1,4 @@
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener("DOMContentLoaded", function() {
// all available settings
const fontInputs = document.querySelectorAll('input[name="font-setting"]');
const themeInputs = document.querySelectorAll('input[name="theme-setting"]');

12
_includes/styles/base.css
View file

@ -350,7 +350,7 @@ details.styled {
margin-left: auto;
}
background: linear-gradient(color-mix(in srgb, var(--accent) 3%, transparent), color-mix(in srgb, var(--accent) 15%, transparent));
background: linear-gradient(color-mix(in srgb, var(--accent) 3%, transparent), color-mix(in srgb, var(--accent) 12%, transparent));
border-bottom: unset !important;
cursor: pointer;
padding: .65rem;
@ -363,13 +363,21 @@ details.styled {
ul {
margin: 0 0 0 -.5rem;
}
p:first-of-type {
margin-top: 0 !important;
}
p:last-of-type {
margin-bottom: 0 !important;
}
}
.last {
margin-bottom: .8rem;
}
background-color: color-mix(in srgb, var(--accent) 8%, transparent);
background-color: color-mix(in srgb, var(--accent) 3%, transparent);
border-radius: .8rem .4rem .8rem .4rem;
border: .13rem solid var(--accent);
margin-top: 1.3rem;