diff --git a/src/assets/css/App.css b/src/assets/css/App.css index 01f0c03..11d2e4c 100644 --- a/src/assets/css/App.css +++ b/src/assets/css/App.css @@ -173,7 +173,7 @@ a { padding-left: 8rem; width: calc(100%-8rem); min-height: calc(100vh - 8rem); - background-color: rgb(44, 44, 44, .75); + background-color: rgb(44, 44, 44, .85); padding-bottom: 1rem; overflow: hidden; transition: .4s; @@ -725,7 +725,14 @@ a { transition: .4s; overflow-y: clip; height: auto; - max-height: 100px; + max-height: 500px; +} + +.timeitem a { + color: inherit; + font-family: inherit; + font-size: inherit; + text-decoration: underline; } .timeline-item{ diff --git a/src/assets/css/checkbox.css b/src/assets/css/checkbox.css index d8583f7..326f863 100644 --- a/src/assets/css/checkbox.css +++ b/src/assets/css/checkbox.css @@ -7,7 +7,9 @@ } .checkbox-wrapper > div { - margin-bottom: .5em; + display: inline-block; + margin-right: 1em; + margin-bottom: 1em; } .checkbox-wrapper > div:last-child { diff --git a/src/scripts/checkbox.js b/src/scripts/checkbox.js index 4c1f021..fabbd56 100644 --- a/src/scripts/checkbox.js +++ b/src/scripts/checkbox.js @@ -8,18 +8,19 @@ export function toggle(dir) { allow.push(x.id); } }); - if (allow.length === 0) { - toggles.forEach(function (x) { - allow.push(x.id); - }); - } let list = document.querySelectorAll(".checkbox-client > div"); - for (let i = 0; i < list.length; i++) { - list[i].classList.add("hidden" + dir); - for (let x = 0; x < list[i].classList.length; x++) { - if (allow.includes(list[i].classList[x])) { - list[i].classList.remove("hidden" + dir); - break; + if (allow.length === 0) { + for (let i = 0; i < list.length; i++) { + list[i].classList.remove("hidden" + dir); + } + } else { + for (let i = 0; i < list.length; i++) { + list[i].classList.remove("hidden" + dir); + for (let x = 0; x < allow.length; x++) { + if (!list[i].classList.contains(allow[x])) { + list[i].classList.add("hidden" + dir); + break; + } } } }