philipp/website-risg
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of ssh://git.hofer.link:2222/philipp/website-risg
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 1m3s
Details

Browse Source
This commit is contained in:
philipp 2024-02-19 22:24:50 +01:00
commit 443c2fe61a
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/app.js
View File

@ -76,7 +76,7 @@ window.addEventListener("scroll", function () {
}); });
function apply_stickies() { function apply_stickies() {
var _$stickies = [].slice.call(document.querySelectorAll(".sticky")); var _$stickies = [].slice.call(document.querySelectorAll('details[open] .sticky'))
_$stickies.forEach(function (_$sticky) { _$stickies.forEach(function (_$sticky) {
if (CSS.supports && CSS.supports("position", "sticky")) { if (CSS.supports && CSS.supports("position", "sticky")) {
apply_sticky_class(_$sticky); apply_sticky_class(_$sticky);

11
templates/style.css
View File

@ -59,14 +59,15 @@ summary h4,
summary h5 { summary h5 {
flex-grow: 1; flex-grow: 1;
} }
summary.js-is-sticky { details[open] summary.js-is-sticky {
padding: 1.5rem 0; padding: 1.5rem 0;
background: linear-gradient(0deg, transparent 0%, var(--pico-background-color) 30%); background: linear-gradient(0deg, transparent 0%, var(--pico-background-color) 30%);
top: -1px;
} }
summary.js-is-sticky h2, details[open] summary.js-is-sticky h2,
summary.js-is-sticky h3, details[open] summary.js-is-sticky h3,
summary.js-is-sticky h4, details[open] summary.js-is-sticky h4,
summary.js-is-sticky h5 { details[open] summary.js-is-sticky h5 {
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;