noccy/jsl
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement CheckField visuals

Browse Source
This commit is contained in:
Chris
2025-09-21 02:21:45 +02:00
parent a941935336
commit 76f8fc1c65
3 changed files with 81 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
jsonform.css
View File

@@ -38,6 +38,7 @@
display: block;
padding: 0.25rem 0.5rem;
color: #444;
user-select: none;
}
.-field {
font-size: 120%;
@@ -59,6 +60,40 @@
&.-number-field {
text-align: right;
}
&.-check-field {
border: none;
background: transparent;
box-shadow: none;
pointer-events: none;
user-select: none;
&.editable {
cursor: pointer;
pointer-events: all;
.-check-thumb {
background: #254b6e !important;
}
}
.-check-box {
padding: 0.25rem;
padding-left: 0em;
padding-right: 1rem;
border-radius: 0.25rem;
background-color: #929292;
color: #dddddd;
.-check-thumb {
border-radius: 0.25rem;
background-color: #444;
padding: 0.25rem 0.5rem;
}
&.-check-on {
padding-left: 1em;
padding-right: 0rem;
.-check-thumb {
background-color: #2c7416 !important;
}
}
}
}
}
}
}