Delete self contained Thunder Tests
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
This commit is contained in:
84
Server/wwwroot/package/dist/collection/components/switch/switch.css
vendored
Normal file
84
Server/wwwroot/package/dist/collection/components/switch/switch.css
vendored
Normal file
@ -0,0 +1,84 @@
|
||||
: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;
|
||||
}
|
Reference in New Issue
Block a user