cadence/bc-explorer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add settings for currency and inline player

Browse source
This commit is contained in:
Cadence Ember 2025-04-08 14:45:18 +12:00
parent 6cc0003120
commit 82234f9706
10 changed files with 104 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

8
public/player-marker.js
View file

@ -9,3 +9,11 @@ function movePlayer() {
}
movePlayer()
document.body.addEventListener("htmx:load", movePlayer)
document.querySelectorAll("[popovertarget]").forEach(e => {
e.addEventListener("click", () => {
const rect = e.getBoundingClientRect()
const t = `:popover-open { position: fixed; top: ${Math.floor(rect.bottom)}px; left: ${Math.floor(rect.left + rect.width / 2)}px; width: ${Math.floor(rect.width + 85)}px; transform: translateX(-50%); margin: 0 }`
document.styleSheets[0].insertRule(t, document.styleSheets[0].cssRules.length)
})
})

3
public/style.css
View file

@ -45,6 +45,9 @@ svg {
button.s-link.is-loading {
padding-left: 2.2em;
}
.s-btn__dropdown:has(+ :popover-open) {
background-color: var(--theme-topbar-item-background-hover, var(--black-200)) !important;
}
/* album covers are done with styles instead of attributes to reduce bytes of html needing to be downloaded and parsed */
.cover {