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

4
templates/app.js
View File

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

11
templates/style.css
View File

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