julien/tps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ (tps) add option to hide text

Browse Source
This commit is contained in:
Julien Calixte
2023-07-09 00:07:10 +02:00
parent e67541a64b
commit faa475cf8c
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
main.ts
View File

@@ -21,7 +21,7 @@ if (size === "small") {
const focusElements = params.getAll("focus") const focusElements = params.getAll("focus")
if (focusElements.length >= 0) { if (focusElements.length > 0) {
const focusables = document.querySelectorAll(".focusable") const focusables = document.querySelectorAll(".focusable")
focusables.forEach((focusable) => { focusables.forEach((focusable) => {
@@ -34,3 +34,10 @@ if (focusElements.length >= 0) {
} }
}) })
} }
const textHide = params.get("text")
if (textHide === "hide") {
const focusables = document.querySelectorAll(".focusable")
focusables.forEach((focusable) => focusable.classList.add("text-hide"))
}

4
style.css
View File

@@ -46,6 +46,10 @@ li {
background-color: var(--background-color-no-focus); background-color: var(--background-color-no-focus);
} }
.text-hide {
color: var(--background-color);
}
.customer-satisfaction-roof { .customer-satisfaction-roof {
display: flex; display: flex;
flex-direction: column; flex-direction: column;