ENH: Add a hover effect to the input labels

This commit is contained in:
bananarama92 2024-07-14 23:38:40 +02:00
parent 484b8f119e
commit 7baf19259d
No known key found for this signature in database
GPG key ID: ECBC951D6255A50F
2 changed files with 8 additions and 2 deletions
BondageClub

View file

@ -971,6 +971,11 @@ input[type="checkbox"]:checked::before {
grid-template-columns: min-content auto;
}
.layering-pair:not(:has(input:disabled)) > .layering-pair-text:hover {
cursor: pointer;
color: yellow;
}
.layering-pair-text {
color: white;
overflow-x: hidden;

View file

@ -469,7 +469,7 @@ var Layering = {
children: [
{
tag: "input",
attributes: { type: "number", min: "-99", max: "99", value: itemPriority, defaultValue: defaultItemPriority.toString(), inputMode: "numeric" },
attributes: { type: "number", min: "-99", max: "99", value: itemPriority, defaultValue: defaultItemPriority.toString(), inputMode: "numeric", id: "layering-input-asset" },
dataAttributes: { assetPriority: defaultItemPriority.toString() },
classList: priorityIsObject ? ["layering-input-unfocused"] : [],
eventListeners: {
@ -479,7 +479,8 @@ var Layering = {
},
},
{
tag: "span",
tag: "label",
attributes: { for: "layering-input-asset" },
classList: ["layering-pair-text"],
children: [this.Asset.Description],
},