jlengrand/bugsink
1
0
Fork 0
mirror of https://github.com/jlengrand/bugsink.git synced 2026-03-10 08:01:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rotating chevrons!

Browse Source
This commit is contained in:
Klaas van Schelven
2023-11-17 22:23:22 +01:00
parent da99c91040
commit 93414c1e51
3 changed files with 82 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
static/js/issue.js
View File

@@ -1,5 +1,9 @@
"use strict";
function toggleFoo(element) {
element.classList.toggle("rotate-180");
}
function distanceToWindowBottom() {
// https://stackoverflow.com/a/2800676/339144
let scrollPosition = window.pageYOffset;
@@ -94,6 +98,7 @@ function toggleFrameVisibility(frameHeader) {
} else {
collapseSection(frameDetails);
}
frameHeader.querySelector(".js-chevron").classList.toggle("rotate-180");
}
@@ -101,14 +106,19 @@ function showAllFrames(frameHeader) {
document.querySelectorAll(".js-frame-details").forEach((frameDetails) => {
expandSection(frameDetails);
});
document.querySelectorAll(".js-chevron").forEach((chevron) => {
chevron.classList.add("rotate-180");
});
}
function showInAppFrames(frameHeader) {
document.querySelectorAll(".js-frame-details").forEach((frameDetails) => {
if (frameDetails.classList.contains("js-in-app")) {
expandSection(frameDetails);
frameDetails.parentNode.querySelector(".js-chevron").classList.add("rotate-180");
} else {
collapseSection(frameDetails);
frameDetails.parentNode.querySelector(".js-chevron").classList.remove("rotate-180");
}
});
}
@@ -117,4 +127,7 @@ function hideAllFrames(frameHeader) {
document.querySelectorAll(".js-frame-details").forEach((frameDetails) => {
collapseSection(frameDetails);
});
document.querySelectorAll(".js-chevron").forEach((chevron) => {
chevron.classList.remove("rotate-180");
});
}