Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shx-3d-render

main
Jan Umbach 2024-06-23 12:34:16 +02:00
parent 0efe02b049
commit 57b2ec49e6
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
snippets/shx-3d-render-input.liquid
View File

@ -46,7 +46,7 @@
background-color: #514642;
}
.shx-ifc-colorselect {
.shx-ifc-colorselect, .shx-ifc-watchselect {
display: flex;
flex-wrap: wrap;
}
@ -62,7 +62,18 @@
position: relative;
}
.shx-ifc-colorselect label::after {
.shx-ifc-watchselect label {
cursor: pointer;
width: 80px;
height: 80px;
margin: 8px;
border-radius: 50%;
position: relative;
}
.shx-ifc-colorselect label::after, .shx-ifc-watchselect label::after {
content: '';
display: block;
position: absolute;
@ -81,7 +92,7 @@
border: 1px solid #111;
}
.shx-ifc-colorselect input[type="radio"] {
.shx-ifc-colorselect input[type="radio"], .shx-ifc-watchselect input[type="radio"]{
height: 1px;
width: 1px;
position: absolute;
@ -124,7 +135,7 @@
transform: scale(1.8);
transform-origin: center; /* Ensure scaling is centered */
opacity: 0.35;
}
}
.invisibleInput {
position: absolute;
@ -415,7 +426,7 @@
let html = `
<label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}: <span class="shx-ifc-form_label_selected shx-ifc-form_label_selected_${inputID}">${options[inputVal].name}</span></label>
<div id="${inputID}" class="shx-ifc-colorselect">
<div id="${inputID}" class="shx-ifc-watchselect">
`;