Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
84 lines
1.6 KiB
CSS
84 lines
1.6 KiB
CSS
:root {
|
|
--ifx-font-family: "Source Sans 3";
|
|
font-family: var(--ifx-font-family, sans-serif);
|
|
}
|
|
|
|
/* switch.css */
|
|
:host {
|
|
display: inline-block;
|
|
user-select: none;
|
|
}
|
|
|
|
.container {
|
|
padding: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 32px;
|
|
height: 16px;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #575352;
|
|
border-radius: 20px;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease;
|
|
outline: none;
|
|
}
|
|
.container:focus {
|
|
outline: 4px solid #0A8276;
|
|
outline-offset: 2px;
|
|
}
|
|
.container:focus:not(:focus-visible) {
|
|
outline: none;
|
|
}
|
|
.container:focus-visible {
|
|
outline: 2px solid #0A8276;
|
|
outline-offset: 2px;
|
|
}
|
|
.container.disabled {
|
|
cursor: default;
|
|
border-color: #BFBBBB;
|
|
}
|
|
|
|
.switch_label-wrapper {
|
|
margin-left: 46px;
|
|
}
|
|
.switch_label-wrapper label:hover {
|
|
cursor: pointer;
|
|
}
|
|
.switch_label-wrapper.disabled {
|
|
color: #BFBBBB;
|
|
}
|
|
|
|
.switch_checkbox-wrapper .switch {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: #575352;
|
|
border-radius: 50%;
|
|
transition: transform 0.3s ease, background-color 0.3s ease;
|
|
}
|
|
.switch_checkbox-wrapper .switch.disabled {
|
|
background-color: #BFBBBB;
|
|
border-color: #BFBBBB;
|
|
cursor: default;
|
|
}
|
|
.switch_checkbox-wrapper .switch.checked {
|
|
transform: translateX(16px);
|
|
background-color: #FFFFFF;
|
|
}
|
|
.switch_checkbox-wrapper .switch.checked.disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.container:hover .toggle-switch {
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.container.checked {
|
|
background-color: #0A8276;
|
|
border-color: #0A8276;
|
|
}
|
|
.container.checked.disabled {
|
|
background-color: #BFBBBB;
|
|
border-color: #BFBBBB;
|
|
cursor: default;
|
|
} |